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

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

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

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

• Item 1
• Item 2
  • Subitem 2.1
  • Subitem 2.2
• Item 3

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