JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#alldivs { display: table; }

    .each_div { 
         display: table-row;
    }

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