Выравнивание текста
Свойство text-align выравнивает текст внутри его элемента. Его значения:
left— по левому краю (по умолчанию для языков, которые пишутся слева направо),right— по правому краю,center— по центру,justify— по ширине. Браузер растягивает пробелы между словами так, чтобы каждая строка, кроме последней, доходила от края до края.
Этот текст выровнен по левому краю.
Этот текст выровнен по правому краю.
Этот текст выровнен по центру.
Этот текст выровнен по ширине. Браузер растягивает пробелы между словами так, чтобы каждая строка, кроме последней, доходила от одного края до другого, как в газете.
Заголовки и абзацы обычно так же широки, как место, в котором они находятся (на нашей странице — вся страница), поэтому center ставит их текст посередине страницы. Свойство text-align наследуется: если задать его элементу, то выравнивается и текст всех элементов внутри него.
Значение justify используйте с осторожностью: в узких колонках пробелы между словами могут стать очень большими.
Задание
- 1
В правило для
#titleдобавьтеtext-align: center. - 2
В правило для
pдобавьтеtext-align: justify. Запустите код и посмотрите на правый край абзацев.