Three level decimal ordered list CSS

Question

I have a three level ordered list in html that I would like to give a style as following:

1. Item 1
1.1 Item 2
1.1.1 Item 3

An example of the

Answer 1

Use the following code:

html:

 

    
 Should be Item 1        
      

        
 Should be Item 1.1
        
 Should be Item 1.2
        
 Should be Item 1.3
          

            
 Should be Item 1.3.1
          
        
Should be Item 1.4
 
      
 
    
    
 Should be Item 2
 
    

css:

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