JSFiddle - React, Tailwind, and code Playground

HTML

<div id="table">
<div class="row">
    <div class="cell">Left</div>
    <div class="cell right">Right</div>
</div>
<div class="row">
    <div class="cell text_center">Center</div>
</div>
</div>

CSS

#table {
    display:table;
}

.row {
    display:table-row;
}
    

.cell {
    display:table-cell;
    width:100%;
    border:1px solid grey;
}
    
.text_center {
 text-align:center;   
}