JSFiddle - React, Tailwind, and code Playground

HTML

<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
<div id="four"></div>
<div id="five"></div>
<div id="six"></div>
<div id="seven"></div>
<div id="eight"></div>

CSS

div {
    background-color: #000;
    height: 100px;
    display: inline-block;
    margin-bottom: 0.3em;
    *display: inline;
    *margin-right: 0.3em;
    *zoom: 1;
    width: 100px;
    vertical-align: top;    
}

#one, #three {
    height: 110px    
}

#five, #seven {
    height: 120px;    
}