JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">
    <div class="left">Left</div>     
    <div class="middle">Middle</div>
    <div class="right">Right</div>
</div>

CSS

#box {
    width:90%;
    height:auto;
    border:5px solid green;
    display: table;
}
.left {
    float:left;
    width:30%;
}
.right {
    float:right;
    width:30%;
}
.middle {
    float:left;
    width:30%;
}