JSFiddle - React, Tailwind, and code Playground

HTML

<ol class="stats">
  <li>
  <div id="wrapper">
        <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>
  </div>
  </li>
</ol>

CSS

.pull-left {
  display:inline-block;
}
.align_center {
  text-align: center;
}
.align_right{
  text-align:right;
}
.width_33 {
  width: 32%;
}