---

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="Твоя Фамилия Имя">
    <meta name="description" content="Лабораторная работа №13. CSS. Форматирование шрифта. Форматирование текста.">
    <meta name="generator" content="Блокнот">
    <meta name="keywords" content="CSS, шрифт, текст, форматирование, HTML">
    <title>Лабораторная работа № 13</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <h1>Заголовок первого уровня</h1>
    
    <h2>Подзаголовок второго уровня</h2>

    <p class="big-bold-text">
        Это первый абзац текста. Согласно заданию, он оформлен крупным шрифтом и выделен жирным начертанием. Здесь также применен отступ для первой строки (красная строка). В тексте есть <span class="underline">подчеркнутое слово</span>, чтобы показать работу свойства text-decoration.
    </p>

    <p class="big-bold-text">
        Это второй абзац. Он также крупный и жирный. Текст выровнен по ширине страницы. Межстрочный интервал здесь немного увеличен для читаемости. А еще здесь есть слово с <span class="letter-space">р а з р е ж е н н ы м и</span> буквами.
    </p>

    <p class="normal-text">
        Это третий абзац. Оформление вернулось к обычному, стандартному виду. Текст выровнен по левому краю. Расстояние между словами здесь стандартное, а первая строка имеет отступ.
    </p>

    <p class="normal-text right-align">
        Этот четвертый абзац выровнен по правому краю. Это демонстрирует возможности горизонтального выравнивания текста в CSS. Шрифт обычный, не жирный.
    </p>

</body>
</html>