Nested lists with different styles for different levels, using CSS

1. This is level 1, item 1
   1. This is level 2, item 1
      1. This is level 3, item 1
         1. This is level 4, item 1
            1. This is level 5, item 1
         2. This is level 4, item 2
         3. This is level 4, item 3
   2. This is level 2, item 2
2. This is level 1, item 2

To have this style of nested lists (as in an outline) use the following CSS styles...

<style>
     OL             { list-style : upper-roman }
     OL OL          { list-style : upper-alpha }
     OL OL OL       { list-style : lower-roman }
     OL OL OL OL    { list-style : lower-alpha }
     OL OL OL OL OL { list-style : decimal     }
</style>

One can also make a level bold, colored, sans-serif, etc., using the same techniques.