striped line
University of Memphis Photo
WebDev Resources - HTML Nested Lists Related Topics:
set cell vertical height

HTML Nested Lists

Code: Results:
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
  • Coffee
  • Tea
    • Black tea
    • Green tea
  • Milk
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea
<ol>
<li>list item 1</li>
<li>list item 2</li>
</ol>
</li>
</ul>
</li>
<li>Milk</li>
</ul>
  • Coffee
  • Tea
    • Black tea
    • Green tea
      1. list item 1
      2. list item 2
  • Milk
<ul style="background:#f00">
<li>Coffee</li>
<li>Tea
<ul style="background:#ff0">
<li>Black tea</li>
<li>Green tea
<ol style="background:#0ff">
<li>dark green tea</li>
<li>light green tea</li>
</ol>
</li>
</ul>
</li>
<li>Milk</li>
</ul>
  • Coffee
  • Tea
    • Black tea
    • Green tea
      1. dark green tea
      2. light green tea
  • Milk

here's a list

  1. no1
  2. no2
  3. no3
  4. no3a
  5. no3b
  6. no3c
  7. no3d
  8. no4
  9. no5

HTML Resources:

striped line
Text Only | Print | Got a Question? Ask TOM | Contact Us | Memphis, TN 38152 | 901/678-2000 | Copyright 2009 University of Memphis | Important Notice | Last updated: 11/16/09 17:21:46