JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <ul>
            <li>Element</li>
            <li>Element</li>
            <li>Element</li>
            <li>Element</li>
            <li>Element</li>
            <li>Element</li>
            <li>Element</li>
            <li>Element</li>
            <li>Element</li>
            <li>Element</li>
            <li>Element</li>
            <li>Element</li>
            <li>Element</li>
            <li>Element</li>
        </ul>
    </body>
</html>

CSS

ul {
    width: 300px;
    height: 30px;
    background: red;
    white-space: nowrap
}

li {
    display: inline-block
}