JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="playlist">
       <li>element1</li>
       <li>element2</li>
       <li>element3</li>
       <li>element4</li>
       <li>element5</li>
       <li>element6</li>
       <li>element7</li>
       <li>element8</li>
       <li>element9</li>
    </ul>

CSS

.playlist {
         position:absolute;
         top:0;
         left:0;
         right:0;
         height:56px;
         overflow-x:scroll;
         white-space:nowrap;
    }

    .playlist>li {
         display:inline-block;
         min-width:200px;
         min-height:40px;
         background-color:red;
    }