JSFiddle - React, Tailwind, and code Playground

by dafastestfingers

HTML

<ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
    <li>d</li>
</ul>

CSS

ul {
    display: table;
    width: 100%;
}

ul li:first-child {
    border-left: none;
}

li {
    display: table-cell;
    border-left: solid 1px black;
    text-align: center;
    width: 25%;
}