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