JSFiddle - React, Tailwind, and code Playground

by notjoelshapiro

HTML

<div class="Header">
   <div>
      <div>This is the dynamic center area</div>
   </div>
</div>

CSS

.Header {
   background: yellow;
   padding-left: 30px;
}
.Header div {
   background: red;
   padding-right: 30px;
}
.Header div div {
   background: blue;
   padding: 0;
   height: 30px;
}