JSFiddle - React, Tailwind, and code Playground

HTML

<div>
   <ul>
     <li>one</li>
       <li>two</li>
       <li>three</li>
       <li>four</li>
   </ul>
 </div>

CSS

ul { 
     width: 160px;
    display: block;
    white-space: nowrap;
    font-size: 0;
     overflow: auto; 
     }
li { 
     width: 80px;
     display: inline-block;
    font-size: 16px;
     }