JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<div id="first_div">first div</div>
<div id="second_div">second div</div>
<div id="third_div">third div</div>    
</div>

CSS

.wrapper{
    widht:250px;
}

#first_div {
    background: yellow;
    /* just to give it some arbitrary height; 
    the height can be dynamic */
    height: 200px; 
    width:100px;
    float:left;
}

#second_div {
    background: cyan;
    /* just to give it some arbitrary height; 
    the height can be dynamic */
    height: 300px;
    width:100px;
    clear:left;
    
}
#third_div{
    width:100px;
    float:left;
    background:blue;
}