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 code leads to the desired output for me:

  

    foo
  
  

    bar
    

      

        baz
      
      

        qux
      
    
  
  

    alpha
    

      

        beta
      
      

        gamma
      
    
  

CSS:

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

Fiddle: http://jsfiddle.net/Lepetere/evm8wyj5/1/