JSFiddle - React, Tailwind, and code Playground

by H17737

HTML

<div id='container'>
    <div id='inner_container'>
        <div id='first'>1</div>
        <div id='second'>2</div>
    </div>
    <div class='clear_float'></div>
    <div id='third'>3</div>
</div>

CSS

div#container{
    width:200px;
}
div.clear_float{
    clear:both;
    height:0;
}
div#first{
    background-color:red;
    width:50%;
    height:100px;
    float:left;
}
div#second{
    background-color:green;
    width:50%;
    height:100px;
    float:right;
}
div#third{
    background-color:blue;
    height:100px;
}