JSFiddle - React, Tailwind, and code Playground

by valerio

HTML

<div id="c">
    <div class="i">hello
    </div>
    <div class="i">i
    </div>
    <div class="i">love
    </div>
    <div class="i">u
    </div>
</div>

CSS

#c{
    background-color:purple;
    height:30px;
     box-sizing:border-box;
    padding:10px;
    overflow:auto;
}
.i{
    border:1px solid white;
background:red;
    height:20px;
    width:25%;
    float:left;
    box-sizing:border-box;
   
    
}