JSFiddle - React, Tailwind, and code Playground

by Stéphane LEGRAND

HTML

<article class="container">
            <p>
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam accumsan at sapien a malesuada. Quisque semper eros non augue faucibus lacinia convallis id nunc. Cras blandit vel nisl nec euismod. Maecenas pretium iaculis mauris, sit amet varius dui ullamcorper sed. Nunc laoreet egestas nunc non rhoncus. Nulla facilisi. Integer sodales consectetur pellentesque. Vestibulum sed sem vel felis tempor suscipit sit amet ac magna.
 
Nam gravida efficitur diam eget rutrum. Nunc placerat eget mi sit amet facilisis. Etiam diam turpis, aliquet vitae felis quis, elementum auctor velit. Nullam luctus feugiat pulvinar. Nunc pulvinar, diam sit amet auctor semper, leo nulla scelerisque quam, a pharetra est nisl quis nunc. Vivamus tempus sit amet justo eget lacinia. In hac habitasse platea dictumst.
 
Cras pretium nisl eget nisi hendrerit, ut consectetur mauris viverra. Cras nisl quam, luctus in nisl pellentesque, fermentum dapibus diam. Donec malesuada accumsan nisi et euismod. Etiam at elit eu orci euismod laoreet vel in ipsum. In varius odio non ipsum viverra, id maximus tellus consectetur. Curabitur pulvinar in tortor quis aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum sit amet eros justo. Curabitur felis quam, venenatis sit amet pellentesque sit amet, pulvinar quis velit. Aliquam vel ex nec erat molestie congue. Vivamus iaculis ante et lacus consectetur volutpat.
 
Cras iaculis lectus ut magna dapibus varius. Morbi a ante tincidunt, blandit massa sit amet, finibus libero. Morbi gravida eget justo sed luctus. Nullam et iaculis tortor. Vestibulum magna est, efficitur id lacus eu, pretium tempus ex. Aenean faucibus fringilla ligula, vehicula molestie mi ullamcorper sed. Suspendisse vel odio nibh. Proin mattis orci augue, sit amet accumsan elit ullamcorper nec. Ut imperdiet efficitur semper. Sed placerat porttitor sem sit amet egestas. Pellentesque id nibh convallis, condimentum...

CSS

body {
    background: red;
}          

footer {
    margin-top : 100px;
}

article {
    background: blue;
    height:500px;
    overflow:hidden;
    overflow-y:auto;
}