JSFiddle - React, Tailwind, and code Playground

by Christoph

HTML

<div class="wrapper">
<div class="top">
    Top div
</div>
<div class="center">
    Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div 
    MiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddlediv 
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
    Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>

Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>

</div>
<div class="bottom">
    Bottom div
</div>
</div>

CSS

html,body,.wrapper{
 height:100%;   
}
    .top,.bottom{
       height:10%;background:green;
    }
    .center{
       overflow:scroll;
       height:80%;
    }