JSFiddle - React, Tailwind, and code Playground

by Clear

HTML

<ul>
    <li id="row">
        <li id="cell">Ciao</li>
        <li id="cell">Ciao</li>
    </li>
    <li id="row">
        <li id="cell">Ciao</li>
        <li id="cell">Ciao</li>
    </li>
</ul>

CSS

ul {
    border: 1px solid #000;
    width: 200px;
    list-style: none;
    display: table;
    padding: 0px;
}
ul #row {
    display: table-row;
}

ul #cell {
    display: table-cell;
    border: 1px solid #000;
}