HTML: ordered sublists

Question

I want to create a ordered html list like this:

1.0 Introduction

1.1 Features

1.2 Readme

1.3 Thanks

...

How do I do this with html?

Answer 1

Counter's are the way to go. See this fiddle which goes three levels deep.

Answer 2

Your question is answered here

Can ordered list produce result that looks like 1.1, 1.2, 1.3 (instead of just 1, 2, 3, ...) with css?

The following style sheet numbers nested list items as "1", "1.1", "1.1.1", etc.

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

Maybe you can edit your question to avoid duplicating questions. Pointing to that one I just told you.

Answer 3

You'll need to use the CSS counter-increment (and possibly the counter-reset) property.

http://www.w3schools.com/cssref/pr_gen_counter-increment.asp