Ich muss links, zentrieren und rechts ausrichtenText in der gleichen Zeile. Ich habe folgenden Text:

Linke Ausrichtung: 1/10Mitte: 02:27Rechts ausrichten: 100%

Ich habe den folgenden Code geschrieben, der für links- und rechtsbündigen Text funktioniert, für den mittleren Text jedoch nicht richtig.

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