Nested list sample 1

These are html tags you type.


<ol>
  <li> 
    First item text 
    <ul>
      <li> Bulleted item </li>
      <li> Bulleted item </li>
    </ul> 
  </li>
  <li> 
    Second item text 
    <ul>
      <li> Bulleted item </li>
      <li> Bulleted item </li>
    </ul> 
  </li>
</ol>

Note:

  1. The nested list is contained in the <li>   </li> tags
  2. The tags are carefully indented. It is MUCH easier to read the page source if you indent the contents of the container tags.
    • Put the closing tag at the end of the same line with the opening tag, OR
    • Align the closing tag directly below the opening tag, and indent the contents.
    • Use 2 or 3 spaces for the indent.
  3. I did not specify the type for the lists in this note. I noticed the included list has a different default type in the Firefox browser.

The resulting web page shows lists embedded in a list.


  1. First item text
    • Bulleted item
    • Bulleted item
  2. Second item text
    • Bulleted item
    • Bulleted item