Выравнивание текста
Выравнивание текста определяет его внешний вид и ориентацию краев абзаца и может выполняться по левому, правому краю, по центру или по ширине.
Выравнивание по левому краю |
Выравнивание по правому краю |
Выравнивание по центру |
Выравнивание по ширине |
Читать ужасно интересно:
Вы можете сидеть, лежать
И - не сходя при этом с места -
Глазами книгу ПРОБЕЖАТЬ! |
Читать ужасно интересно:
Вы можете сидеть, лежать
И - не сходя при этом с места -
Глазами книгу ПРОБЕЖАТЬ! |
Читать ужасно интересно:
Вы можете сидеть, лежать
И - не сходя при этом с места -
Глазами книгу ПРОБЕЖАТЬ! |
Читать ужасно интересно:
Вы можете сидеть, лежать
И - не сходя при этом с места -
Глазами книгу ПРОБЕЖАТЬ! |
Наиболее распространенный вариант - выравнивание по левому краю, когда слева текст сдвигается до края, а правый остается неровным. Выравнивание по правому краю и по центру в основном используется в заголовках и подзаголовках. Следует иметь в виду, что при использовании выравнивания по ширине в тексте между словами могут появиться большие интервалы, что не очень красиво.
Код HTML |
Описание |
Пример |
<p>Текст</p> |
Добавляет новый параграф, по умолчанию выровненный по левому
краю. Перед параграфом автоматически добавляется пустая строка. |
Текст
|
<p align=left>Текст</p> |
Выравнивание по левому краю. |
Текст
|
<p align=right>Текст</p> |
Выравнивание по правому краю. |
Текст
|
<p align=center>Текст</p> |
Выравнивание по центру. |
Текст
|
<p align=justify>Текст</p> |
Выравнивание по ширине. |
Текст по ширине
|
<nobr>Текст</nobr> |
Отключает автоматический перенос строк, даже если текст шире
окна браузера. |
|
Текст<wbr> |
Разрешает браузеру делать перенос строки в указанном месте,
даже если используется NOBR тег. |
|
<center>Текст</center> |
Центрированный текст. |
Текст
|
<div align=center>Текст</div> |
Центрированный текст. |
Текст
|
<div align=left>Текст</div> |
Выравнивание по левому краю. |
Текст
|
<div align=right>Текст</div> |
Выравнивание по правому краю. |
Текст
|
<div align=justify>Текст</div> |
Выравнивание по ширине. |
Текст по ширине
|
Основное отличие применения параграфа P и тега DIV в том, что в начале и конце параграфа появляется вертикальный отступ.