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: block;
        width: 100%;
    }

    li {
        border-left: solid 1px black;
        float: left;
        margin-right: -1px;
        text-align: center;
        width: 25%;
    }

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

    ul li:last-child {
        margin-right: 0;
    }