Please Note: As of May 2017, only FireFox supports the @counter-style rule. In any other browser, you should see the default counters.

Grades in My Class

  1. Perfect
  2. Doing Well
  3. Barely Adequate
  4. Do you want fries with that?

How to Shave a Face

  1. Wash face.
  2. Apply shaving cream.
  3. Use sharp razor to scrape hair off face.
  4. Apply after-shave lotion.
  5. Scream loudly.

The History of Music Before 1750

When you wish to present a hierarchical outline, specify the type of number used for each level of the list. When using @counter-style, the class overrides the type attribute. Use the fallback property in the CSS. Use prefix and suffix properties to add content to the icon.

  1. Medieval (500-1450)
    1. Gregorian Chant
    2. Organum and early polyphony
    3. Motets
  2. Renaissance (1450-1600)
    1. Cantus Firmus Masses (Palestrina)
    2. Madrigals (Willaert, Lassus, Gesualdo)
  3. Baroque (1600-1750)
    1. Monody (Early Baroque - Caccini, Peri, Monteverdi)
    2. Complex Counterpoint (Late Baroque)
    3. Concerto Grosso (Bach, Vivaldi)

Ordered List with Icons

  1. Baseball
  2. Basketball
  3. Soccer
  4. Football

Ordered List with Dice as numbers

  1. Items 1 through 6 show one Die.
  2. Items 1 through 6 show one Die.
  3. Items 1 through 6 show one Die.
  4. Items 1 through 6 show one Die.
  5. Items 1 through 6 show one Die.
  6. Items 1 through 6 show one Die.
  7. Items after 6 require 2 or more dice.
  8. Items after 6 require 2 or more dice.
  9. Items after 6 require 2 or more dice.
  10. Items after 6 require 2 or more dice.
  11. Items after 6 require 2 or more dice.
  12. Items after 6 require 2 or more dice.
  13. Items after 6 require 2 or more dice.
  14. Items after 6 require 2 or more dice.
  15. Items after 6 require 2 or more dice.
  16. Items after 6 require 2 or more dice.
  17. Items after 6 require 2 or more dice.
  18. Items after 6 require 2 or more dice.
  19. Items after 6 require 2 or more dice.
  20. Items after 6 require 2 or more dice.
  21. Items after 6 require 2 or more dice.
  22. Items after 6 require 2 or more dice.
  23. Items after 6 require 2 or more dice.