JSFiddle - React, Tailwind, and code Playground

by Afzaal Ahmad Zeeshan

HTML

<div class="float-left">Left</div>
<div class="float-center">Center</div>
<div class="float-right">Right</div>

CSS

.float-left {
  float: left;
    padding-right: 10px;
    background-color: #777;
}

.float-center {
    padding: 0 10px;
}

.float-right {
  text-align: left; /* here is the trick :) */
    background-color: #333;
}

.float-center, .float-left, .float-right {
   display: inline-block; /* to show them inline.. */
}