Проблема в 17/17

Привет! Возникла небольшая заминка в последнем испытании темы “разметка текста”. Задача была повторить оригинал, но то, что получилось у меня почему-то находится ниже оригинала и нижняя часть съехала. Подскажите, в чем ошибка?
Скидываю так же оригинал и результат в наложении.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Рецепт каши</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h3>Пшенная каша с тыквой</h3>
    <ol>
   <li>Пшено, 1 стакан</li>
    <li>Вода H<sub>2</sub>O или AquaLife<sup>®</sup>, 2 стакана</li>
    <li>Молоко,<del> 1,5 стакана</del> 2 стакана</li>
    <li>Масло сливочное, 3 ст.л.</li>
    <li>Тыква, около 300г</li>
    <li>Соль, по вкусу</li>
    <li><ins>Сахар демерара, посыпать сверху</ins></li></ol>
<hr>
    <p><em>Примечания:</em><br>
    Пшено необходимо перебрать<br>
    Тыкву нарезать кубиками 1×1 см<br>
    Кашу перемешивать не надо</p>
    </body>
</html>

Заголовок должен быть первого уровня (в CSS стиль для h1 прописан неспроста).

Крестик замените буквой “x”.

“Неправильный” пробел найдёте сами…

ПРИКРЕПЛЯЮ ГОТОВЫЙ КОД!
Посмотри свои ошибки и сравни.
Этот код на 100% выполнен. Удачи
вначеле добавь тег h1
примечания возьми в тег i также последний абзац выдели тегом p
не забудь про деления по строчно с помощью тега br

h1Пшенная каша с тыквойh1
ol
li Пшено, 1 стакан li
li Вода H2O или AquaLife®, 2 стакана
li Молоко, 1,5 стакана 2 стакана
li Масло сливочное, 3 ст.л.
li Тыква, около 300г
li Соль, по вкусу
li insСахар демерара, посыпать сверху ins li ol hr

p i Примечания: i 
<br>Пшено необходимо перебрать
<br>Тыкву нарезать кубиками 1х1 см
<br>Кашу перемешивать не надо</p>

Вообщем думаю разберешся)