JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Menu item</li>
    <li>Menu item</li>
    <li>Menu item</li>
    <li>Menu item</li>
    <li>Menu item</li>
    <li>Menu item</li>
    <li>Menu item</li>
    <li>Menu item</li>
    <li>Menu item</li>
    <li>Menu item</li>
    <li>Menu item</li>
</ul>

CSS

ul {
    text-align: center;  
}

li {
    display: inline-block;    
}