Мне нужно выровнять, центрировать и направотекст на той же линии. У меня есть следующий текст:

Выровнять по левому краю: 1/10Центр: 02:27Выравнивание по правому краю: 100%

Я написал следующий код, который работает для выравнивания текста по левому и правому краям, но не работает правильно для центрального текста.

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;
}