JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div-line">
    <div class="blockOne"></div>
    <div class="blockTwo"></div>
    <div class="blockThree">http://jsfiddle.net/X2JE6/3/#run</div>
    <div class="blockFour"></div>
    <div class="blockFive"></div>
</div>

CSS

#div-line div {
    float:left;    
}
#div-line {
    width:100%;
    height:100%;
}

.blockOne {
    width:20%;
    height:100%;
    background:#00FFFF;
}

.blockTwo {
    width:20%;
    height:100%;
    background:#FFA500;
}

.blockThree {
    width:20%;
    height:100%;
    background:#00FFFF;
}

.blockFour {
    width:20%;
    height:100%;
    background:#FFA500;
}

.blockFive {
    width:20%;
    height:100%;
    background:#00FFFF;
}