Вопрос по Разметка текста / Многоуровневый список

Курсы §3. [Архив] Разметка текста
1

Здравствуйте, у меня такой вопрос, почему в списке пункт “Теги форм” относится не к пронумерованному списку, а к неупорядоченному? Заранее спасибо!

<html>
    <head>
        <meta charset="utf-8">
        <title>Многоуровневый список</title>
    </head>
    <body>
        <h1>Разделы курса</h1>
        <ol>
            <li>
                Теги заголовков
                <ol>
                    <li>h1</li>
                    <li>h2</li>
                    <li>h3</li>
                    <li>h4</li>
                    </ol>
            </li>
            <li>
                Теги списков
                <ul>
                    <li>li</li>
                    <li>li</li>
            </li>
            <li>Теги форм</li>
        </ol>
    </body>
</html>


`Текст "как есть" (без применения форматирования)` <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>Многоуровневый список</title>
        </head>
        <body>
            <h1>Разделы курса</h1>
            <ol>
                <li>
                    Теги заголовков
                    <ol>
                        <li>h1</li>
                        <li>h2</li>
                        <li>h3</li>
                        <li>h4</li>
                        </ol>
                </li>
                <li>
                    Теги списков
                    <ul>
                        <li>li</li>
                        <li>li</li>
                </li>
                <li>Теги форм</li>
            </ol>
        </body>
    </html>
2

О, тут работает нормально, а в мини-браузере не так отобразило)

3

Не закрыли ul.