JSFiddle - React, Tailwind, and code Playground

HTML

<div class="p1">
  <p>204204204200420424204204204420420420420420420000420</p>
  <div class="p2"></div>
</div>

CSS

.p1 {width:300px; height: 200px; border: 1px solid #000;  overflow-x: scroll;}
.p2 {height: 30px; background: #902457;  display: block;}