JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="ele" > </div>
    <div class="ele" > </div>
    <div class="ele" > </div>
</div>

CSS

.container{
    border:2px solid black;
    height:40px;
    width:auto;
    overflow:hidden;
}
.ele{
    float:left;
    height:20px;
    width:30%;
    overflow:hidden;
    border:3px solid red;
}
.container div:last-Child{
    border-right:0;
}