JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.main{
    background-color:red;
    /*width:500px;
    height:500px;*/
    overflow:hidden;
}
#div1 {
    height:200px;
    width:100px;
    float:left;
    background-color:yellow;
}
#div2 {
    height:200px;
    width:500px;
    float:left;
    background-color:blue;
}