Загрузка данных

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8" />
  <title>Оформление текста</title>
  <style>
    body {
      font-family: "Times New Roman", serif;
      background: #f5f5f5;
      padding: 20px;
    }

    .box {
      width: 900px;
      margin: 0 auto;
      border: 1px solid #888;
      padding: 20px 25px;
      background: #fff;
    }

    .title {
      text-align: center;
      font-size: 34px;
      font-weight: bold;
      margin-bottom: 20px;
      line-height: 1.2;
    }

    .title .small {
      color: #b6c46a;
      font-size: 24px;
      font-weight: normal;
    }

    .title .red {
      color: #a42b2b;
    }

    .title .blue {
      color: #2c58c9;
    }

    .text {
      font-size: 24px;
      line-height: 1.5;
      color: #333;
    }

    .orange {
      color: #c77a3a;
      font-size: 34px;
    }

    .yellow {
      background: #efe64d;
    }

    .purple {
      background: #c95bd8;
      color: #fff;
    }

    .green {
      background: #8be05f;
    }

    .gray {
      color: #666;
    }

    .big-yellow {
      color: #d8cf57;
      font-size: 30px;
      font-weight: bold;
    }

    .bold {
      font-weight: bold;
    }

    .italic {
      font-style: italic;
    }

    .underline {
      text-decoration: underline;
    }

    .wavy {
      text-decoration: underline wavy;
    }
  </style>
</head>
<body>
  <div class="box">
    <div class="title">
      <span class="small">Некоторые</span>
      <span class="red">правила</span>
      <span class="blue">ОФОРМЛЕНИЯ</span>
    </div>

    <div class="text">
      <span class="orange">Существуют</span> принятые в
      <span class="yellow">издательском деле</span> правила среды, в которой работают
      <span class="underline">браузеры</span>. Так,
      <span class="bold">заголовок первого уровня H1</span> выводится
      <span class="big-yellow">крупным жирным шрифтом</span>,
      <span class="italic">цитаты CITE</span> — курсивом,
      абзацы P отделяются
      <span class="purple">друг от друга</span> пустыми строками,
      <span class="green">элементы списка</span> UL снабжаются маркерами,
      элементы списка OL — номерами.
    </div>
  </div>
</body>
</html>