JSFiddle - React, Tailwind, and code Playground

HTML

<div id="nav">
   <ul id="nav-items">
      <li class="nav-item">MENU-ITEM 1</li>
      <li class="nav-item">MENU-ITEM 2</li>
      <li class="nav-item">MENU-ITEM 3</li>
   </ul>
</div>

CSS

#nav { display: block; }
#nav-items { float: left; width: 100% }
#nav li { display: inline; float: left; padding: 5px 10px; background-color: red;}