Выравнивание текста
Часть раздела Стилизация с CSS путешествия по HTML на Coddy. Урок 21 из 76.
В CSS свойство text-align используется для управления горизонтальным выравниванием текста внутри HTML-элемента.
Общие значения для text-align включают:
left: Выравнивает текст по левому краю. Это выравнивание по умолчанию для большинства текстов.
right: Выравнивает текст по правому краю.center: Центрирует текст по горизонтали внутри элемента.
Например:
p {
text-align: left;
}
h1 {
text-align: center;
}
.right-align {
text-align: right;
}
Задание
ЛегкоВам дан HTML-документ с заголовком (<h1>), абзацем (<p>) и блоком (<div>). Ваша задача — использовать свойство text-align для стилизации этих элементов. Выполните следующие шаги:
- Напишите CSS-правило для элемента
<h1>. Установитеtext-alignв значениеcenter. - Напишите CSS-правило для элемента
<p>. Установитеtext-alignв значениеright. - Напишите CSS-правило для элемента
<div>. Установитеtext-alignв значениеleft.
Попробуйте сами
<html>
<head>
<title>Text Alignment</title>
<style>
/* Write CSS rules here */
</style>
</head>
<body>
<h1>This is a heading. </h1>
<p>This is a paragraph.</p>
<div>This is a division. </div>
</body>
</html>
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Стилизация с CSS
4Основы работы с текстом
Цвет текстаСемейство шрифтаРазмер шрифтаНасыщенность шрифтаВыравнивание текстаОформление текстаПовторение: задание №1Повторение: задание №27Блочная модель. Часть 1
Что такое блочная модель?Внутренние отступыВнешние отступыГраницыШирина и высотаИтоговое задание
Потренируйтесь самостоятельно: Песочница Web