JSFiddle - React, Tailwind, and code Playground

by deswolf

HTML

<div id="table">
    <div class="group">
          <div class="row">
                <div class="cell">Left Text</div>
                <div class="cell right">Right Text</div>
          </div>
<div class="row">
<div class="cell ab">Left Text</div>
</div>
    </div>
</div>

CSS

#table {
    display:table;
}

.table {display:table;border:1px solid red;width:100%;}

.group {display: table-row-group; }

.row {
    display:table-row;
}

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

.ab {
  position:absolute;
}