JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
        <ul>
            <li>Lorem ipsum dolor sit amet</li>
            <li>Consectetur adipiscing elit</li>
            <li>Praesent commodo nisi eu sapien</li>
            <li>Fusce tempor, sapien vitae tempus dapibus</li>
            <li>Aenean pulvinar urna vel tortor</li>
            <li>Proin turpis tellus, fringilla eget molestie nec</li>
            <li>Etiam sed varius lacus</li>
            <li>Aenean facilisis tincidunt massa luctus feugiat</li>
            <li>Etiam suscipit vel erat sit amet fringilla</li>
            <li>Nulla sit amet eros mauris.</li>
        </ul>
    </div>

CSS

.container {
        overflow-y:hidden;
        overflow-x:scroll;
        white-space:nowrap;
        padding:30px 0;
    }
    ul {
        padding:0;
        margin:0;
    }
    li {
        display:inline;
        border:1px solid #ccc;
        padding:10px;
        margin:10px;
        list-style-type:none;
    }