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

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

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

HTML

<p class="alignleft">1/10</p>
<p class="aligncenter">02:27</p>
<p class="alignright">100%</p>

CSS

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