Вложенные списки

Можно поместить один список внутрь другого. Это называется вложенным списком. Это полезно для создания иерархических структур, таких как планы или многоуровневые меню. 

Чтобы создать вложенный список, просто поместите элемент <ul> или <ol> внутри элемента <li> другого списка.

Вот пример вложенного маркированного списка:

<ul>
  <li>Item 1</li>
  <li>Item 2
    <ul>
      <li>Subitem 2.1</li>
      <li>Subitem 2.2</li>
    </ul>
  </li>
  <li>Item 3</li>
</ul>

Второй пункт содержит вложенный список с двумя подпунктами. В браузере он будет отображаться так:

• Пункт 1
• Пункт 2
  • Подпункт 2.1
  • Подпункт 2.2
• Пункт 3

Также можно вкладывать упорядоченные списки друг в друга или комбинировать оба типа.