JSFiddle - React, Tailwind, and code Playground

by moalla

HTML

<div id="header">
    <div id="middlebox">
        asdf
    </div>
    <div id="rightpart">
        lll
    </div>
        <div id="leftpart">
        lll
    </div>
</div>

CSS

#middlebox{
background: #00F;
width: 200px;
height: 100px;
z-index: 10;
position: absolute;
left: 50%;
margin-left: -100px;
top: 0;
}
#rightpart{
    position: absolute;
background: #FF0;
width: 50%;
top: 0;
}

#leftpart{
    background:green;
width: 50%;
left: 50%;
position: absolute;
top: 0;
}