JSFiddle - React, Tailwind, and code Playground

by SpiceLab

HTML

<div class="outerWrap">
  <div class="topBox"></div>
  <div class="innerWrap">
    <div class="contentBox">content<br />content<br />content<br />content<br />content<br /></div>
  </div> 
  <div class="bottomBox"></div>  
</div>

CSS

.outerWrap,.innerWrap {
  width:300px  
} 
.topBox,.bottomBox {
  height:25px
}
.innerWrap {
  background:deeppink
}
.topBox,.contentBox,.bottomBox {
  width:250px;
  margin:0 auto;
  background:yellow
}