JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div style="display:table; width:100%;">
        <div style="display:table-row;">
            <div class="tc">Row1Col1</div>
            <div class="tc">Row1Col2</div>
        </div>
        <div style="display:table-row;">
            <div class="tc">Row2Col1</div>
            <div class="tc">Row2Col2</div>
        </div>
    </div>
</div>

CSS

#container
{
    display:block;
    margin:auto;
    width:200px;
    border:solid 1px gray;
}
.tc
{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    padding:10px;
    border:solid 1px red;
}
}