JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
      <div id="line1">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</div>
      <div id="line2">Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</div>
    </div>

CSS

#container {
      display: inline-block;
    }

    #line1 {
      background: lightblue;
width: 50px;
overflow: scroll;
white-space: nowrap;
    }

    #line2 {
      background: orange;
width: 50px;
overflow: auto;
white-space: nowrap;
    }