JSFiddle - React, Tailwind, and code Playground

HTML

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

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

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


<div>
    <div>cell lorem ipsum</div>
    <div>cell</div>
    <div>cell</div>
    <div>c</div>
</div>

<div>
    <div>cell lorem ipsum</div>
    <div>cell</div>
    <div>c</div>
    <div>cell</div>
    <div>c</div>
</div>

Bootstraps nav-justified ul list

<ul>
    <li>cell lorem ipsum</li>
    <li>cell</li>
    <li>c</li>
    <li>cell</li>
    <li>c</li>
</ul>

<div>
    <div>cell lorem ipsum</div>
    <div>c</div>
    <div>c</div>
    <div>cell</div>
    <div>cell</div>
    <div>c</div>
</div>

CSS

div,ul {
    table-layout: fixed;
    display: table;
    width: 250px;
    
    margin-bottom: 20px;
}

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