JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo" class="wrap">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus aliquam malesuada luctus. Nam non tellus et tortor aliquet adipiscing. Curabitur elit diam, ultrices quis molestie a, facilisis vitae erat. Ut sit amet ante ut nunc condimentum adipiscing. Duis semper ligula nec arcu accumsan mollis. Fusce posuere, felis sit amet ultricies tempor, metus augue malesuada mi, id interdum ipsum turpis in lacus. Suspendisse enim augue, tristique sed faucibus et, viverra adipiscing nisi. Curabitur vel dui nunc, non vestibulum felis. Aliquam non aliquet magna. Curabitur metus nulla, tincidunt id scelerisque a, suscipit ut ligula. Vivamus et dui vitae quam posuere interdum. Aenean sed fringilla dui. Pellentesque a leo mauris, sed placerat leo. Nunc lectus lacus, porttitor vel porta vitae, suscipit ac sem. Duis at dui id purus condimentum facilisis.</p>

    <p>Pellentesque cursus nulla nulla. Vivamus accumsan neque libero, id volutpat neque. Vestibulum ut odio metus. Duis eu justo mauris, vitae iaculis sapien. Proin feugiat commodo orci, condimentum interdum lacus fermentum vitae. Nam eget nulla id nisl lobortis accumsan. Nunc interdum, orci quis tempus scelerisque, metus ligula consectetur dui, facilisis rhoncus purus lacus id tellus. Quisque risus tellus, elementum sed faucibus vitae, euismod quis odio. Nunc gravida augue ut odio tempus vel vestibulum massa suscipit. Praesent sed tortor sed magna condimentum ornare at sit amet leo.</p>

</div>

CSS

#foo {
    width: 400px;
    height: 300px;
    background-color: yellowgreen;
}

.wrap {
    overflow-x: auto;
}