JSFiddle - React, Tailwind, and code Playground

HTML

<div id="table">
<div class="group">
  <div class="row">
    <div class="cell">525234234234</div>
    <div class="cell ">41414124124</div>
    <div class="cell ">13123123</div>
  </div>
</div>
<div class="group">
  <div class="row">
    <div class="cell">525234234234</div>
    <div class="cell ">41414124124</div>
    <div class="cell ">13123123</div>
  </div>
</div>
<div class="group">
  <div class="row">
    <div class="cell">525234234234</div>
    <div class="cell ">41414124124</div>
    <div class="cell ">13123123</div>
  </div>
</div>
<div class="caption">
    Hi
</div>
</div>

CSS

#table {
    display:table;
}

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

.row {
    display:table-row;
}

.cell {
    display:table-cell;
    border:1px solid grey;
    padding: 5px
}
    
.caption {border:1px solid grey; caption-side: bottom; display: table-caption; text-align: center; }