Расположение текста по левому и правому краю на одной строке

Jemand — Sat, 31 Oct 2009 21:00:43 +0000

Иногда возникает ситуация когда нужно расположить текст по левому и правому краю на одной строке. У меня такая ситуация, например, возникла при редактировании темы WordPress.
Решение данной задачи очень простое:

CSS код:

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

HTML код:

<div id="textbox">
<p class="alignleft">Текст слева</p>
<p class="alignright">Текст справа</p>
<div style="clear: both;"></div>
</div>

Пример, того что получится, можно посмотреть здесь.

Работоспособность:
Internet Explorer 8
Firefox 3.5.4
Opera 9.64

HTML CSS Blog » Right

Расположение текста по левому и правому краю на одной строке