Выравнивание текста

Автор: | 26.10.2018

Выравнивание текста в html бывают следующих видов:

  • по левому краю,
  • по правому краю,
  • по центру,
  • по ширине

Для осуществления этих видов форматирования текста используется аттрибут align со значениями left, right, center,justify. Этот атрибут может применяться к тегам абзаца <p> , заголовков <h1>,<h2>,..<h6>, блочным элементам <div>

Выравнивание по левому краю - при таком варианте текст прижимается к левому краю, а правый может быть неровным . Такой способ выравнивания установлено по умолчанию, поэтому указывать атрибут align="left" не нужно.

Выравнивание по правому краю - текст прижимается к правому краю, а левый край может быть неровным. Задается атрибутом align="right".

Выравнивание по центру - текст выравнивается по центру окна браузера по горизонтали, отступ от левого и правого края одинаковый для данной строки.

Выравнивание по ширине - текст выровнен и по левому и по правому краю, при таком способе браузер добавляет пробелы в текст.

Примеры
<h4 align="center"> Заголовок выровнен по центру</h4>
<p align="left"> Текст выровнен по левому краю, свойство align можно опустить
<p align="right"> "Зарплаты россиян растут беспрецедентными темпами" Министр труда Максим Топилин. (Выравнивание по правому краю)
<p align="justify"> Оптовая цена на сахар-песок, по данным на 19 октября, выросла за год на 50% и в ЮФО достигла 35,97 рубля за 1 кг. Об этом говорится в материалах Минсельхоза. При этом по сравнению с декабрем 2017 года изменение составило 43,9%. Изменения стоимости продукта за неделю зафиксировано не было. (Выравнивание по ширине)

В результате на браузере увидим:

Заголовок выровнен по центру

Текст выровнен по левому краю, свойство align можно опустить

"Зарплаты россиян растут беспрецедентными темпами" Министр труда Максим Топилин. (Выравнивание по правому краю)

Оптовая цена на сахар-песок, по данным на 19 октября, выросла за год на 50% и в ЮФО достигла 35,97 рубля за 1 кг. Об этом говорится в материалах Минсельхоза. При этом по сравнению с декабрем 2017 года изменение составило 43,9%. Изменения стоимости продукта за неделю зафиксировано не было. (Выравнивание по ширине)

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

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