Preciso alinhar à esquerda, ao centro e à direitatexto na mesma linha. Eu tenho o seguinte texto:

Alinhamento à Esquerda: 1/10Centro: 02:27Alinhamento à Direita: 100%

Eu escrevi o seguinte código que funciona para o texto de alinhamento à esquerda e à direita, mas não funciona corretamente para o texto do centro.

HTML

<div id="textbox">
<p class="alignleft">1/10</p>
<p class="aligncenter">02:27</p>
<p class="alignright">100%</p>
</div>
<div style="clear: both;"></div>

CSS

.alignleft {
    float: left;
}
.aligncenter {
    float: left;
}
.alignright {
    float: right;
}