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

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

Чтобы создать вложенный список, просто поместите элемент <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

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