JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <div id="gray"></div>
        <div id="yellow"></div>
        <div id="content"></div>
    </body>
</html>

CSS

#gray {
   float:left;
   width:50%;
   background:gray;  
   height:300px; 
}
#yellow {
   width:50%;
   background:yellow;   
   height:300px;
    float:left;
}
#content {
   position:absolute;
   z-index:2;
   width:70%;
   height:250px;
   border:1px solid red;
   margin: 20px 15% 0 15%;   
}