Как создать список 1.1, 1.2 1.3… HTML?

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 found on the internet:

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

But it didnt work for me. Хотелось бы знать, есть ли недостатки в том или ином использовании в определенных ситуациях.