JSFiddle - React, Tailwind, and code Playground

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;
    padding:10px;
    font-size:0;
}
.i{
    box-sizing:border-box;
    border:1px solid white;
    display:inline-block;
    height:20px;
    width:25%;
    font-size:12px;
}