JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
 <ul>
   <li>item 1 </li>
   <li>item 2 </li>
   <li>item 3 </li>
   <li>item 4 </li>
 </ul>
</div>

CSS

.menu { 
    text-align:center;
 }

.menu ul { 
    display:inline-table;
}
 
.menu li { 
    background: yellow;
    display:inline;    
}