JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<div id="content">
    <div id="top">TOP</div>
    <div id="center">
        <div>CENTER</div>
    </div>
</div>

CSS

#content{
    display:table;
    border:solid black 1px;    
    width:250px;
    height:300px;
}
#center{
    display:table-row;
}
#center > div {
    display: table-cell;
    border:solid #55A 1px;
    background-color:#AAF;
    height:100%;
}
#top{
    border:solid red 1px;
}