Creating valid xhtml strict nested lists

To create a nested list that is valid according to the xhtml strict specification, such as the one below:

• Main List
  • Sub Item
  • Sub Item
  • Sub Item
  • Sub Item
  • Sub Item
  • Sub Item
• Main List
  • Sub Item
  • Sub Item
  • Sub Item
    • Sub Sub Item
    • Sub Sub Item
  • Sub Item
  • Sub Item
• Main List
  • Sub Item
  • Sub Item
  • Sub Item
  • Sub Item
  • Sub Item

Follow the code that looks like this:

<ul>
<li>Main List
     <ul>
     <li>Sub Item</li>
     <li>Sub Item</li>
     <li>Sub Item</li>
     <li>Sub Item</li>
     <li>Sub Item</li>
     <li>Sub Item</li>
     </ul>
</li>
<li>Main List
     <ul>
     <li>Sub Item</li>
     <li>Sub Item</li>
     <li>Sub Item
          <ul>
          <li>Sub Sub Item</li>
          <li>Sub Sub Item</li>
          </ul>
     </li>
     <li>Sub Item</li>
     <li>Sub Item</li>
     </ul>
</li>
<li>Main List
     <ul>
     <li>Sub Item</li>
     <li>Sub Item</li>
     <li>Sub Item</li>
     <li>Sub Item</li>
     <li>Sub Item</li>
     </ul>
</li>
</ul>

General Guidelines

-sub lists MUST be encapsulated within the li tags of an item on the base list. I have tried to show this in the blockquote above by indenting each sub list.
- include any formatting within li tags
- use <p> tags to create breaks around an image

10.04.2006 @ 10:29 AM — Filed under:

• HTML
• Web Development

|

Be sure to review our list of recommended web tools.