JSFiddle - React, Tailwind, and code Playground

by jairajdesai

HTML

<ol class="stats">
  <li>
    <div class="pull-left width_33">
      Pete
    </div>
    <div class="pull-left align_center width_33">
      1 client
    </div>
    <div class="pull-left align_right width_33">
      <span title="Commissions">
        $28.61
      </span>
    </div>
    <div class="cleaner"></div>
  </li>
</ol>

CSS

.pull-left {
  float: left;
}
.align_center {
  text-align: center;
}
.width_33 {
  width: 33%;
}
.cleaner {
  clear: both;
}