Бесплатный курс по css. Зарегистрируйтесь для отслеживания прогресса →

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

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


Заголовок, расположенный по центру

Текст страницы. Можно заметить, что заголовок бросился в глаза, благодаря выравниванию по центру.


CSS позволяет выровнять текст, используя свойство text-align с тремя основными значениями:

  • left — по левому краю. Используется по умолчанию.
  • center — по центру.
  • right — по правому краю.
<p class="left">Текст по левому краю</p>
<p class="center">Текст по центру</p>
<p class="right">Текст по правому краю</p>
.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

Текст по левому краю

Текст по центру

Текст по правому краю

Задание

Добавьте в редактор параграф с классом important и выровняйте его по центру. Стили укажите в теге style.


Нашли ошибку? Есть что добавить? Пулреквесты приветствуются https://github.com/hexlet-basics
Если вы столкнулись с трудностями и не знаете, что делать, задайте вопрос в нашем большом и дружном сообществе