JSFiddle - React, Tailwind, and code Playground

HTML

<div class="square" style="float: left;">left</div>
<div class="square" style="float: right;">right</div>
<div class="square" style="margin:0 auto  !important;">center</div>

CSS

.square {
    width:50px;
    height:50px;
    background-color:#ff0000;
    text-align:center;
    border: 1px solid #000;
}