JSFiddle - React, Tailwind, and code Playground

by notjoelshapiro

HTML

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

CSS

.Header {
   background: red;
   padding-left: 30px;
}
.Header div {
   background: blue;
}
.Header div div {
   background: yellow;
   padding: 0;
   margin-right: 40px;
    width: 100%;
   height: 30px;
}
#test{
    float: right;
    width: 30px;
}