JSFiddle - React, Tailwind, and code Playground

by ryanbrill

HTML

<div class="overflow">
    <div class="content">
        <p>Start</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed felis a magna ornare pulvinar. Sed gravida ligula sed metus aliquet ultricies. Ut at egestas ipsum. Nullam at leo ut magna imperdiet euismod nec quis dolor. Ut tempor pharetra scelerisque. Donec aliquam velit vel enim porta pretium. Nam et eleifend lorem. Etiam ornare leo eget massa dictum sagittis. Aliquam vehicula libero vitae risus bibendum volutpat at id elit. Duis eget eleifend odio. Mauris accumsan auctor quam, ac dignissim erat imperdiet sed.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed felis a magna ornare pulvinar. Sed gravida ligula sed metus aliquet ultricies. Ut at egestas ipsum. Nullam at leo ut magna imperdiet euismod nec quis dolor. Ut tempor pharetra scelerisque. Donec aliquam velit vel enim porta pretium. Nam et eleifend lorem. Etiam ornare leo eget massa dictum sagittis. Aliquam vehicula libero vitae risus bibendum volutpat at id elit. Duis eget eleifend odio. Mauris accumsan auctor quam, ac dignissim erat imperdiet sed.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sed felis a magna ornare pulvinar. Sed gravida ligula sed metus aliquet ultricies. Ut at egestas ipsum. Nullam at leo ut magna imperdiet euismod nec quis dolor. Ut tempor pharetra scelerisque. Donec aliquam velit vel enim porta pretium. Nam et eleifend lorem. Etiam ornare leo eget massa dictum sagittis. Aliquam vehicula libero vitae risus bibendum volutpat at id elit. Duis eget eleifend odio. Mauris accumsan auctor quam, ac dignissim erat imperdiet sed.</p>
        <p>End</p>
    </div>
</div>

CSS

div.overflow {
    width: 300px;
    height: 300px;
    overflow: auto;   
}
div.content {
     width: 500px;   
}
p {
     margin-bottom: 10px;   
}