JSFiddle - React, Tailwind, and code Playground

HTML

<div class="top-menu full">
    <ul>
        <li><a>Home</a>
        </li>
        <li><a>Aqui!</a>
        </li>
        <li><a>Alí!</a>
        </li>
        <li><a>Acolá!</a>
        </li>
        <li><a>Mais Pra lá</a>
        </li>
        <li><a>Não sei onde</a>
        </li>
    </ul>
</div>

CSS

.top-menu ul {
    width: 100%;
    display: table;
}

.top-menu ul li {
    display:table-cell;
    list-style: none;
}
.top-menu ul li a {
    display: inline-block;
}