JSFiddle - React, Tailwind, and code Playground

by ariehg

HTML

<div class='a'>
<div class='b'>
    <ul>
        <li>a</li>
        <li>b</li>
        <li>c</li>
    </ul>
    <ul>
        <li>d</li>
        <li>e</li>
        <li>f</li>
    </ul>
</div>
</div>

CSS

ul,li{
    display:inline-block;
}
div.a{width:100px;overflow:auto;}
div.b{
    white-space:nowrap;
}


li{width:50px;}