How to create a 1.1, 1.2 1.3 … HTML list?

Question

I want to create HTML nested lists that has the following format:

1  
   1.1  
   1.2  
   1.3  
   1.4   
2
   2.1

I tried a solution that I f

Answer 1

You can use counters to do so:

Example

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

  
li element
    

      
sub li element
      
sub li element
      
sub li element
    
  
  
li element
  
li element
    

      
sub li element
      
sub li element
      
sub li element