JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main clearfix">
    <div id="div1">Im in div-1</div>
    <div id="div2"></div>
    <div id="div3"></div>
</div>

CSS

#div1, #div2, #div3 {
   float:left;  
}

#div1 {
    height:200px;
    width:100px;
    background: red;
}

#div2 {
    height:200px;
    width:500px;
    background: blue;
}

#div3 {
    height:200px;
    width:100px;
    background: yellow;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}