JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
            <ul>
                <li><a href="">Item</a></li>
                <li><a href="">Very long Item</a></li>
                <li><a href="">Item</a></li>
                <li><a href="">Item</a></li>
                <li><a href="">Item</a></li>
                <li><a href="">Item</a></li>
            </ul>
</div>

CSS

.menu ul {
    display: table;
    margin: 10px auto 0;
    text-align: center;
    width: 100%;
}

.menu ul li {
    display: table-cell;
}