JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <ol>
        <li>Item 1</li>
        <li>Item 2 has a really long line</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
        <li>Item 6</li>       
    </ol>
</div>

CSS

div {
    border:1px solid black;
    margin:33% auto;
    overflow:scroll;
    white-space:nowrap;
    width:100px;
}
div > ol {
    background:red;
    width: 100%;
}