Оформление текста, часть 1 / Горизонтальное выравнивание текста: text-align [11/16]
×

Горизонтальное выравнивание текста: text-align [11/16]

Выравнивание текста по горизонтали задается с помощью свойства text-align. Его вы уже использовали в курсе про таблицы. Значения свойства:

  1. left — выравнивание по левому краю;
  2. right — по правому краю;
  3. center — по центру;
  4. justify — по ширине.

Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Горизонтальное выравнивание текста: text-align</title> </head> <body> <h1>Progressive Enhancement и Responsive Design</h1> <p class="right">В последнее время набирает популярность подход, который называется responsive design, по-русски адаптивный или отзывчивый дизайн.</p> <p class="justify">Суть подхода заключается в том, чтобы с помощью определенного набора техник (резиновые сетки, резиновые изображения, CSS media queries) сделать так, чтобы веб-страница адекватно отображалась на различных устройствах: от смартфона до широкоформатного монитора.</p> </body> </html>
CSS
h1 { font-size: 24px; }
HTML Academy

Практикуемся выравнивать текст.

  1. Выровняйте заголовок по центру.
  2. Абзац с классом right — по правому краю.
  3. Абзац с классом justify — по ширине.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.