JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outerContainer">
          <div class="innerContainer">
              <div> abcdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </div>
              <div> abcd </div>
              <div> abcd </div>
              <div> abcd </div>
              <div> abcd </div>
              <div> abcd </div>
              <div> abcd </div>
              <div> abcd </div>
              <div> abcd </div>
              <div> abcd </div>
              <div> abcd </div>
              <div> abcd </div>
              <div> abcd </div>
              <div> abcd </div>
          </div>
    </div>

CSS

.outerContainer{
        width: 400px;
        height: 100px;
        overflow: auto;
     }

     .innerContainer{
        width: 100px; 
      overflow: auto;  
     }

     div {
        width: 200px;
     }