6/17 Чётко сформулируйте задание [Ещё более многоуровневый список]

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

В Теории сказано

В этом задании вам нужно будет создать четырёхуровневый список, наподобие этого:

  1. Разметка…

В итоге поигравшись со четырёхуровневыми упорядоченными списками, по одному подпункту (как сказано в задании), и так и не получив пройденное задание, пришлось, как и многим другим из комментариев, воссоздать список из Теории. Только тогда задание “прошлось”.

Чётче сформулируйте задание или теорию

2

Произвольный многоуровневый список. Все работает.

<ol>
  <li> Вообще-то...
    <ol>
      <li> Все...
        <ol>
          <li> Работает...
            <ol>
              <li>Ну, по крайней мере, у меня.</li>
            </ol>
          </li>
        </ol>
      </li>
    </ol>
  </li>
  <li>
    Удачи.
  </li>
</ol>
2 лайка
3

Вот мой код, не пойму в чем может быть ошибка

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Ещё более многоуровневый</title>
    </head>
    <body>
        <h1>Невероятно многоуровневый список</h1>
        <ol>
            <li>
                Первый элемент
                <ul>1.1
                    <ul>1.2
                        <ul>1.3
                            <ul>1.4</ul>
                        </ul>
                    </ul>
                </ul>
            </li>
              <li>
                Второй 
                <ul>2.1
                    <ul>2.2
                        <ul>2.3
                            <ul>2.4</ul>
                        </ul>
                    </ul>
                </ul>
            </li>
        </ol>
    </body>
</html>

В правом браузере выглядит так:

Невероятно многоуровневый список

            Первый элемент
            1.1
                1.2
                    1.3
                        1.4
        
            Второй 
            2.1
                2.2
                    2.3
                        2.4
4

Не пойму как вставлять код

5

Кнопка </>

6 
    А помоему здесь все четко и понятно!
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Ещё более многоуровневый</title>
</head>
<body>
    <h1>Невероятно многоуровневый список</h1>
    <ol>
        <li>Разметка
           <ol>
               <li>Основы HTML
                  <ol>
                      <li>HTML-теги
                          <ol>
                              <li>парные</li>
                              <li>одиночные</li>
                          </ol>
                      </li>
                  </ol>
               </li>
               <li>Основы CSS
                  <ol>
                      <li>Селекторы
                         <ol>
                             <li>по типу</li>
                             <li>по классу</li>
                             <li>вложенные</li>
                         </ol>
                      </li>
                  </ol>
               </li>
               <li>Стиль кодирования</li>
           </ol>
        </li>
        <li>Работа с фотошопом</li>
        <li>Построение сеток</li>
        <li>Декоративные элементы</li>
        <li>Введение в JavaScript</li>
        <li>Прогрессивное улучшение</li>
    </ol>
</body>