JSFiddle - React, Tailwind, and code Playground

HTML

<div class="glue-div" id="one">one</div>
<div class="glue-div" id="two">two</div>
<div class="glue-div" id="three">three</div>
<div class="glue-div" id="four">four</div>
<div class="glue-div" id="five">five</div>
<div class="glue-div" id="six">six</div>

CSS

.glue-div{
    float: left;
    border: 1px solid black;
}

#one{
    width: 200px;
    height: 20px;
}

#two{
    width: 250px;
    height: 80px;
}

#three{
    width: 250px;
    height: 70 px;
}

#four{
    width: 150px;
    height: 50px;
}

#five{
    width: 100px;
    height: 70px;
}

#six{
    width: 50px;
    height: 50px;
}