JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container1">
    <div id="content1">
    </div>   
</div>
<div id="container2">
    <div id="content2">
    </div>                      
</div>
<div id="container3">
    <div id="content3">
    </div>
</div>

CSS

#container1 {
    background: #FF0000;
    display: inline-block;
    float: left;
}

#container2 {
    background: #00FF00;
    float: left;
}

#container3 {
    background: #0000FF;
    float: left;
    display: inline-block;
}

#content1 {
    width: 400px;
    height: 400px;
}

#content2 {
    width: 200px;
    height: 600px;
}

#content3 {
    width: 400px;
    height: 100px;
}