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%;
}
.top-menu ul li {
    display: inline;
    list-style: none;
    float: left;
    width: 15%;
}
.top-menu ul li a {
    display: inline-block;
}