JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
    <ul>
        <li>
            <a href="...">...</a>
        </li>
        <li>
            <a href="...">...</a>
        </li>
        <li>
            <a href="...">...</a>
        </li>
        <li>
            <a href="...">...</a>
        </li>
    </ul>
</div>

CSS

#menu {
    display: table;
    width: 200px;
}

ul {
    display: table-row;
}

li {
    display: table-cell;
    border: 1px solid black;
}