JSFiddle - React, Tailwind, and code Playground

HTML

<div id='wrapper'>
   <ul>
      <li>111</li>
      <li>222</li>
      <li>333</li>
      <li>444</li>
      <li>555</li>
   </ul>
</div>

CSS

#wrapper {
   width: 60px;
   height: 55px;
   overflow: auto;
   border: 1px solid #000;
}

#wrapper ul {
   width: 200px;
}

li {
   float: left;
}