CSS — text-align

CSSCSS text-align — выравнивание. С помощью свойства text-align можно выравнивать текст, как вам угодно. Это свойство позволит вам грамотно оформить текстовые элементы страницы для органичного отображения. Сегодня мы продолжим изучать css.

CSS — Text-align

Выравнивание текста работает исключительно в переделах элемента, в котором находится текст.

Существует всего 4 возможных значения этого атрибута left, right, center и justify. Разберем работу каждого по отдельности:

1. Text-align: left

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

div style=»text-align: left; width: 90%; height: auto; border: 1px solid black;»

2. Text-align: right

Здесь все просто, полная противоположность предыдущему значению. Текст расположенный справа читать труднее, так как левая сторона становится неровной. Поэтому выравнивание по правому краю применяется обычно для коротких заголовков объемом не более трех строк или на сайтах где возникает необходимость читать текст справа налево:

Раз, два…
Фредди заберет тебя…
Три, четыре…
Запирайте дверь к квартире…

3. Text-align: center

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

Когда мало кто знал,
Что значит Ctrl-Alt-Del
И не каждый ребенок калькулятор имел
А под словом «Pascal» понимался обычно философ…

4. Text-align: justify

Данное значение выравнивает текст по ширине блока, в котором находится текст. Грубо говоря сразу по левому и правому краям. Для выравнивания браузер автоматически добавляет в текст пробелы.

Товарищи! постоянный количественный рост и сфера нашей активности в значительной степени обуславливает создание направлений прогрессивного развития. Задача организации, в особенности же новая модель организационной деятельности позволяет выполнять важные задания по разработке форм развития.

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

Поделиться в соц. сетях:

Понравилась статья? Поблагодари автора, накорми печеньками! :)

Опиши свой кейс здесь, если у тебя остались вопросы и мы обязательно ответим...