JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">

    <ol>
        <li class='a'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</li>
        <li class='b'>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</li>
    </ol>

</div>

CSS

div#container {
    width: 400px;
    overflow-x: scroll;
}

.a {
    display: inline-block;
    min-width: 100%;
    background-color: red;
}

.b {
    display: inline-block;
    min-width:100%;
    background-color: blue;
}