JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left" ><input type="button" value="left" /></div>
<div class="center" ><input type="button" value="center" /></div>
<div class="right" ><input type="button" value="right" /></div>

<!-- If I uncomment the center div, the right one appears in another block, below the others-->

CSS

.left {
    float:left;
        width: 33.3%;
}
.right {
    float:left;
        width: 33.3%;
}
.center{
    float: left;
    width: 33.3%;
}