JSFiddle - React, Tailwind, and code Playground

by Rahul Desai

HTML

<div id="outer">
    <div id="inner">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu ornare massa. Curabitur et venenatis risus, vitae vestibulum orci. Proin convallis massa erat. Aliquam laoreet nulla in nisi elementum porta a sit amet magna. Cras sit amet mi malesuada, vestibulum sem et, lobortis purus. Proin vel porta lectus. Maecenas vel interdum risus. Aenean venenatis sollicitudin efficitur. Sed in pretium orci. Donec sagittis erat quis purus consequat euismod. Aenean vel urna lorem. Suspendisse congue commodo efficitur. Fusce faucibus facilisis nunc. Integer vel facilisis elit. Aenean scelerisque tincidunt elit, sit amet fringilla urna elementum a.</p>
    </div>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu ornare massa. Curabitur et venenatis risus, vitae vestibulum orci. Proin convallis massa erat. Aliquam laoreet nulla in nisi elementum porta a sit amet magna. Cras sit amet mi malesuada, vestibulum sem et, lobortis purus. Proin vel porta lectus. Maecenas vel interdum risus. Aenean venenatis sollicitudin efficitur. Sed in pretium orci. Donec sagittis erat quis purus consequat euismod. Aenean vel urna lorem. Suspendisse congue commodo efficitur. Fusce faucibus facilisis nunc. Integer vel facilisis elit. Aenean scelerisque tincidunt elit, sit amet fringilla urna elementum a.</p>
</div>

CSS

div#outer{
    position: absolute;
    border: 1px solid black;
    width: 200px;
    height: 200px;
    overflow: scroll;    
}
div#inner{
    position: absolute;
    border: 1px solid blue;
    width: 100px;
    height: 100px;
    margin: 5px;
    overflow: scroll;
    background: white;
}