Познай разметку текста с помощью HTML

Текст после Примечание не совпадает с оригиналом. Сделал все что мог. Помогите!

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

    </body>
</html>

Код текстом, пожалуйста. По ссылке я не могу его посмотреть.
Кнопка для вставки кода в сообщение </> на панели сверху в редакторе сообщений.

Все. Вставил

А почему в параграф входит только первая строка текста?

1 лайк

О! Забыл писать его в конце текста)) Спасибо!