JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

<div id="main">
<div class="left_container">1</div>
<div class="right_container">3</div>
<div class="content">2</div>
</div>

CSS

#main{
overflow:hidden;
}
#main .left_container {float:left; width:210px; padding:10px; background:#ccc;}
#main .content {padding:10px; margin:0 240px; background:#999;}
#main .right_container {float:right; width:210px; padding:10px; background:#444;}