JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div><center>cell lorem ipsum</center></div>
</div>

<div>
    <div><center>cell lorem ipsum</center></div>
    <div><center>cell lorem ipsum</center></div>
</div>

<div>
    <div><center>cell lorem ipsum</center></div>
    <div><center>cell lorem ipsum</center></div>
    <div><center>cell lorem ipsum</center></div>
</div>

<div>
    <div><center>cell lorem ipsum</center></div>
    <div><center>cell lorem ipsum</center></div>
    <div><center>cell lorem ipsum</center></div>
    <div><center>cell lorem ipsum</center></div>
</div>

<div>
    <div><center>cell lorem ipsum</center></div>
    <div><center>cell lorem ipsum</center></div>
    <div><center>cell lorem ipsum</center></div>
    <div><center>cell lorem ipsum</center></div>
    <div><center>cell lorem ipsum</center></div>
</div>

<div>
    <div><center>cell lorem ipsum</center></div>
    <div><center>cell lorem ipsum</center></div>
    <div><center>cell lorem ipsum</center></div>
    <div><center>cell lorem ipsum</center></div>
    <div><center>cell lorem ipsum</center></div>
    <div><center>cell lorem ipsum</center></div>
</div>

CSS

div {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 20px;
}

div > div {
    display: table-cell;
    border: 1px dotted red;
    padding: 4px 6px;
    width: 2%;
    margin-bottom: 0;
}


center {width:50px;margin:auto;border:1px solid blue;background:yellow}