JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
        <div id="left_header">
            <div class="lighter">
              
            </div>
        </div>
        <div id="mid_header"></div>
        <div id ="right_header"></div>
    </div><!-- #header-->

CSS

#header{
   
    height:150px;
    background:yellow;
}



#left_header{
    width:100px;
    float:left;
    border:1px solid green;
    height:150px;
}



#mid_header{
   
    width:200px;
    height:104px;
    margin-left:30%;
    border:1px solid red;
    margin-top:30px;
    
    }