JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
    <div class="inner">blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla</div>
    <div class="inner">blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla</div>
    <div class="inner">blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla</div>
    <div style="clear:both;"></div>
</div>
<div id="div">div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div</div>

CSS

#wrapper {
    position:relative;
    border: thin solid black;
    background: red;
}
.inner {
    border: thin solid black;
    background: yellow;
    width:30%;
    float:left;
}
#div {
    background: blue;
    /*display: block;*/
}