JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<div>
    <ul id="someList">
        <li>element 1</li>
        <li>element 2</li>
        <li>element 3</li>
        <li>element 4</li>
        <li>element 5</li>
        <li>element 6</li>
        <li>element 7</li>
    </ul>
</div>

CSS

ul {
    width: 400px;
    overflow-x: scroll;
    background: #ccc;
    white-space: nowrap
}

li {
    display: inline-block;
    
    /* if you need ie7 support */
    display: inline;
    zoom: 1
}