JSFiddle - React, Tailwind, and code Playground

HTML

<div id='alldivs'>
        <div id='red' class='each_div'>1</div>
        <div id='blue' class='each_div'>2</div>
        <div id='green' class='each_div'>3</div>
    </div>

CSS

.each_div { 
         width: 80px;
         height: 50px; 
         display: table-cell; vertical-align: middle;
         border: 1px #000 solid;
    }