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?

possible duplicate of [Number nested ordered lists in HTML](http://stackoverflow.com/questions/2729927/number-nested-ordered-lists-in-html) — Jukka K. Korpela, Mar 29 '12 at 18:00

ScottS · Accepted Answer · 2012-03-29T18:26:43.147

2

edited Mar 29 '12 at 18:26

answered Mar 29 '12 at 18:20

ScottS

score 1 · Answer 2 · answered Mar 29 '12 at 17:58

1

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

answered Mar 29 '12 at 17:58

Matt

Hi, I have a lot of sub lists. This would be very chaotic with resetting everything via css. Are there some nices solutions? – bodokaiser Mar 29 '12 at 18:02
You can attach a CSS class to each item in the list and sub-list (see this example: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_gen_counter-reset). I'm not exactly sure what qualifies as a "nicer" solution as now I'm not sure of the ultimate task you're trying to solve. – Matt Mar 29 '12 at 18:04
Hi, If I have this structure:
– bodokaiser Mar 29 '12 at 18:10

score 0 · Answer 3 · answered Jun 26 '14 at 12:38

Your question is answered here

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.

3 Answers3