Muszę wyrównać do lewej, do środka i do prawejtekst na tej samej linii. Mam następujący tekst:

Wyrównaj do lewej: 1/10Centrum: 02:27Wyrównaj do prawej: 100%

Napisałem następujący kod, który działa dla wyrównania tekstu do lewej i prawej strony, ale nie działa poprawnie dla tekstu środkowego.

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