JSFiddle - React, Tailwind, and code Playground

by davetayls

HTML

<div>
    <ul>
        <li>test</li>
        <li>test</li>
        <li>test</li>
        <li>test</li>
    </ul>
</div>
<div>
    <ul>
        <li>test</li>
        <li>test</li>
        <li>test</li>
    </ul>
</div>

CSS

div {
    display: table;
    table-layout: fixed;
    width: 100%;
}
ul {
    display: table-row;
}
li {
    display: table-cell;
    width: 100%;
    border: solid 1px red
}