JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

ul { width:700px; } 
li { width: 80px; height:40px; border: solid 1px red; display: inline-block; float: left }
div { width: 220px; overflow-x: scroll; }