JSFiddle - React, Tailwind, and code Playground
by Borisko
HTML
<div id="main">
<div id="top">
static
</div>
<div id="middle">
Dynamic
</div>
<div id="bottom">
static
</div>
</div>CSS
#main{
height:400px;
width:200px;
background-color:gray;
display:table-cell;
vertical-align:middle;
}
#top{
width:100%;
height:20px;
background-color:red;
}