How to achieve decimal numbering in ordered lists? [duplicate]

Question

With HTML and CSS, can I achieve this?

1.
1.1
1.2
2.
2.1
2.2

using <li> and <ul> tags?

Answer 1

For CSS-compliant browsers you could use:

ul { counter-reset:item; }
ul > li { counter-increment:item; }
ul > li:before {content: counter(item); }

ul > li > ul { counter-reset:subitem; }
ul > li > ul > li { counter-increment:subitem; }
ul > li > ul > li:before { content: counter(item) "." counter(subitem); }