JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

ul{
    list-style-type:none;
    white-space:nowrap;
    overflow-x:auto;
}

li{
    display:inline;
}