Стили CSS — Выравниваем 2 текста на одной строке одновременно по левому и правому краям

Автор: Крис Койер
Перевод: Всеволод Козлов

Нередко встречаемая ситуация, когда необходимо текст на одной строке одновременно выровнять по левому и правому краям. Наглядным примером может служить футер, когда, например, информацию о копирайтах Вы хотите разместить слева на строке, а контактную информацию справа.

Для пояснения вышесказанного покажу скриншот того, что мы получим в итоге:

Стили CSS - Выравниваем 2 текста на одной строке одновременно по левому и правому краям

Как же это сделать? Код-решение проблемы далее…

CSS-фрагмент кода:

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

HTML-фрагмент кода

<div id="textbox">
<p class="alignleft">Text on the left.</p>
<p class="alignright">Text on the right.</p>
<div style="clear: both;"></div>
</div>

Оригинал статьи: Left Align and Right Align Text on the Same Line

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*