JSFiddle - React, Tailwind, and code Playground

HTML

<div class="top">
    <div class="box"></div>
</div>
<div class="middle">
    <div class="box"></div>
</div>
<div class="bottom">
    <div class="box"></div>
</div>

CSS

.box{
    width: 300px;
    height: 50px;
    margin: auto;
    outline: 1px solid red;
}
.top{
    background: #987;
}
.middle{
    background: #874;
}
.bottom{
    background: #876;
}