JSFiddle - React, Tailwind, and code Playground

by Krishna Ananthi

HTML

<div id="parent">
    <div id="child">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et turpis eu lorem consectetur blandit sed vel ligula. In lorem ligula, lacinia sed aliquet sed, congue quis tortor. In sed magna eros, eget blandit arcu. Nulla sit amet volutpat ipsum. Duis quis nisl massa. Sed ipsum magna, tempus non malesuada in, gravida et sapien. Fusce a odio nulla, quis ultrices mauris. Maecenas in tellus id massa fringilla molestie.</div>
</div>

CSS

body { padding: 2em; }

#parent {
    width: 200px;
    height: 200px;
    border: 20px solid gray;
    overflow-x: scroll;
    background: gray;
}

#child {
    width: 500px;
    background: yellow;        
}