JSFiddle - React, Tailwind, and code Playground

HTML

<div id="table">
    <div class="caption">
        Center Caption
    </div>
    <div class="group">
          <div class="row">
                <div class="cell">Link 1t</div>
                <div class="cell"></div>
              <div class="cell"></div>
              <div class="cell"></div>
                <div class="cell"></div>
                <div class="cell ">Link 2</div>
          </div>
    </div>
</div>

CSS

#table {
    display:table;
}

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

.row {
    display:table-row;
    height: 80px;
    line-height: 80px;
}

.cell {
    display:table-cell;
    width:1%;
    text-align: center;
    border:1px solid grey;
    height: 80px
        line-height: 80px;
}
    
.caption {
    border:1px solid red; caption-side: top; display: table-caption; text-align: center; 
    position: relative;
    top: 80px;
    height: 80px;
      height: 80px;
    line-height: 80px;
    
}