JSFiddle - React, Tailwind, and code Playground

by Naeel Maqsudov

HTML

<!--flow demo-->
<div class="red">111</div>
<div class="green">222</div>
<div class="blue">333</div>
<div class="blue2">444</div>
<div class="yellow">555</div>
<div class="red">666</div>
<div class="green">777</div>
<div class="red">888</div>
<div class="red">999</div>

CSS

.red {
    background-color: red;
}
.green {
    background-color: green;
    display: inline;
}
.blue {
    background-color: blue; color:white;
    display: inline;
    //float: right;
}
.blue2 {
    background-color: blue; color:white;
    display: inline;
    //float: left;
}
.yellow {
    background-color: yellow;
    display: inline;
}