Skip to content


Start your ordered HTML lists at a different number

Ordered lists in HTML start at the number 1 by default. But did you know you can customize the starting number of your ordered lists? This might feel like an uncommon need, yet I'm sure I've had a use for it at some point in the past.

A lesser-known attribute of the <ol> tag is the start attribute. This attribute allows you to specify the number at which the list should start.

<ol start="4">
    <ol start="12">
ol ol {
  list-style-type: lower-roman;

See the embedded CodePen

As you can see, you can use it for ordered lists, as well as nested order lists. It even works with every list-style-type you can think of, including Roman numerals and alphabetic characters.

More like this

Start typing a keyphrase to see matching snippets.