Text align left, right & center in single line

HTML
<div class="col-md-12 all-results-info">
            <span class="text-alignleft">87 results found</span>
            <span class="text-aligncenter">87 results found</span>
            <span class="text-alignright">Filter Results <i class="fa fa-filter" aria-hidden="true"></i>
</span>
         </div>

CSS

 .text-alignleft {
    float: left;
    text-align:left;
    width:33.33333%;
}
.text-aligncenter {
    float: left;
    text-align:center;
    width:33.33333%;
}
.text-alignright {
    float: left;
    text-align:right;
    width:33.33333%;
}