Этот раздел курса посвящен прикладному визуальному дизайну. Первая группа задач основывается на карточке с текстом, чтобы показать ряд основных принципов.
Текст часто составляет значительную часть веб-контента. В CSS есть несколько вариантов того, как выровнять его с помощью css свойства text-align.
text-align: center;
выравнивает текст по центру
text-align: right;
прижимает текст к правому краю
text-align: left;
(используется по умолчанию) выравнивает текст по левому краю.
text-align: justify;
заставляет все строки текста, кроме последней, совпадать с левым и правым краями линейного блока (растягивает текст на всю ширину).
Задание:
- Выравняйте тег h4 по центру.
- Растяните параграф на ширину блока.