Выровнять html код онлайн

Выровнять html код онлайн

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

Для установки выравнивания текста обычно используется тег параграфа <p> с атрибутом align, который определяет способ выравнивания. Также блок текста допустимо выравнивать с помощью тега <div> с аналогичным атрибутом align. Он может принимать следующие значения:

  • left — выравнивание по левому краю, задается по умолчанию;
  • right — выравнивание по правому краю;
  • center — выравнивание по центру;
  • justify — выравнивание по ширине (одновременно по правому и левому краю). Это значение работает только для текста, длина которого более, чем одна строка.

Атрибут align можно применять как для текста, так и для заголовков (пример 7.4).

Пример 7.4. Способы выравнивания текста

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>  <head>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">   <title>Выравнивание текста</title>  </head>  <body>   <h1 align="center">Как поймать льва?</h1>   <h2 align="right">Метод перебора</h2>   <p align="justify">Делим пустыню на ряд элементарных участков, размер     которых совпадает с габаритными размерами льва, но при этом меньше размера     клетки. Далее простым перебором определяем участок, в котором находится лев,    что автоматически приводит к его поимке.</p>   <h2 align="right">Метод дихотомии</h2>   <p align="justify">Делим пустыню на две половины. В одной части - лев, в     другой его нет. Берем ту половину, в которой находится лев, и снова делим     ее пополам. Так повторяем до тех пор, пока лев не окажется пойман.</p>  </body> </html>

Результат данного примера показан на рис. 7.4.

Рис. 7.4

Рис. 7.4. Вид текста при его выравнивании



Источник: htmlbook.ru


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