Прошу помоши в разметке текста

Задание:
У инструктора Кекса скоро день рождения, и оставлять без подарка его категорически нельзя.

Недаром считается, что рыба лучший подарок. Вдобавок ко вкусному рыбному печенью давайте порадуем инструктора правильно свёрстанным рецептом.

Обратите внимание на вкладку style.css , там есть стиль для класса, который нужно использовать в разметке.
Мой код.
HTML:




Разметка рецепта



Секретный рецепт рыбного печенья



  • Филе форели, 2 шт

  • Вода H2O или AquaLife®, 100 мл

  • Цветная капуста, 100 г

  • Мука, 1 стакан

  • Соль, по вкусу

  • Сливки, 200 мл

    <p><i>Инструкция по приготовлению:</i></p>
    <ol>
      <li>Форель помыть, обсушить и варить <b>10 минут</b></li>
      <li>Измельчить рыбу в блендере, смешать со сливками и мукой</li>
      <li>Сформировать лепёшки и выпекать в духовке 20 минут при <span class="warning">180 градусах</span></li>
    </ol>
  </body>
</html>

CSS:
body {
width: 400px;
margin: 0;
padding: 0 10px;

  font-family: "Arial", sans-serif;
  font-size: 16px;
  line-height: 20px;
}

h1 {
  font-size: 18px;
}

.warning {
  color: red;
}

Задание совпадает с образцом на 71%. Что-то не так с отступами. Прошу помощи не как не могу найти, что я не так делаю?

Прикрепите, пожалуйста, полный html-код.

Спасибо всем кто хотел помочь, но сегодня еще раз посмотрел на свой код и исправил ошибки. Результат - 100%.

Привет! У меня та же проблема в этом задании. Подскажи плиз ,как ты ее исправил?

В первом списке у второй строки нужны теги sub и sup :wink: