Word-Style Outline with CSS

This is a fairly realistic Microsoft Word-style outline created with just 11 CSS rules. It works on Linux, Windows and MacOS platforms; in Firefox, Opera, Safari, Konqueror, and IE 5.5+ browsers (and perhaps more, but that's as far as I tested). Here's the outline:

1. First Things First
   1. Firstborn Children
   2. First Place Finishes
2. Give Me a Second
   1. Two's Company
      1. Three's a Crowd
      2. Three's a Party
         1. Party Hearty
         2. Avast, Me Hearties
      3. Three's Company
   2. B-2 Bombers
3. The End

Back to the Article.