Creating table of contents in html

Question

Is it possible to create an ordered list like the following? I like this for a table of contents I\'m creating.

1. Into
2. Section1
   2.1 SubSection1
   2.

Answer 1

This can indeed be done with pure CSS:

ol {
    counter-reset: item
}
li {
    display: block
}
li:before {
    content: counters(item, ".")" ";
    counter-increment: item
}

Same example as a fiddle: http://jsfiddle.net/N79nP/