HTML Lists Nested lists


You can nest lists to represent sub-items of a list item.

  <li>item 1</li>
  <li>item 2
      <li>sub-item 2.1</li>
      <li>sub-item 2.2</li>
  <li>item 3</li>
  • item 1
  • item 2
    • sub-item 2.1
    • sub-item 2.2
  • item 3

The nested list has to be a child of the li element.

You can nest different types of list, too:

    <li>Hello, list!</li>
            <li>Hello, nested list!</li>