CSS Counter examples

Some tests with a cross-browser CSS-Counter solution, using the CSS attributes counter, counters, counter-reset, counter-increment for modern browsers.

A first and simple test

  1. A list item
  2. Another list item with a nested ordered list
    1. Nested list item
    2. Another nested list item
  3. And a last list item

Looks like a simple normal list, the only difference is, that you can know do some advanced styling of the numbers.

Nesting lists with a more complex type of numbers

  1. A list item
  2. Another list item with a nested ordered list
    1. Nested list item
    2. Another nested list item
  3. And a last list item

Chapter like nesting lists by using the CSS attributes counter, counters, counter-reset, counter-increment.

Found bugs or strange behaviour - please leave a comment in the related article.