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

Часть раздела Styling with 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.

Шпаргалка

Свойство text-align управляет горизонтальным выравниванием текста внутри элемента.

Общие значения:

left: Выравнивает текст по левому краю (по умолчанию)
right: Выравнивает текст по правому краю
center: Центрирует текст по горизонтали

p {
    text-align: left;
}

h1 {
    text-align: center;
}

.right-align {
    text-align: right;
}

Попробуйте сами

<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>