JSFiddle - React, Tailwind, and code Playground

by DOSBeats

HTML

<div id="outter">
    <div id="inner">
        <ul>
            <li>hhhhh</li>
            <li>wewelrweori</li>
            <li>hhhhh</li>
            <li>wewelrweori</li>
            <li>hhhhh</li>
            <li>wewelrweori</li>
        </ul>
    </div>
</div>

CSS

#outter{
    background:#eee;
    height:88px;
    width:400px;
    position:relative;
    overflow:hidden; 
}
#inner{ 
    position:absolute;  
    width:600px;
}
ul{
    margin:5px;
    padding:0;
    list-style-type: none;
}
#inner ul li{
    border:1px solid #dedede;
    width:80px;
    padding:3px;
    margin:2px;    
    display:inline;
}