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

by jairajdesai

HTML

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

CSS

.pull-left {
  float: left;
}

.align_center {
  text-align: center;
}

.width_33 {
  width: 33%;
}

.cleaner {
  clear: right;
}

.full {
  display: block;
  width: 100%;
}

.stats li >div {
  display: inline-block;
}