Chip Cullen

Changing the number of an item in an ordered list

Today, I found out a neat HTML trick, and just want to write it down.

Let's say you're making an ordered list, and want the first two items to start 1, 2. Then, for some reason, you want to jump to 5. This HTML will do just that:

<ol>
  <li>One</li>
  <li>Two</li>
  <li value="5">Five</li>
</ol>

Note that subsequent <li> 's will start iterating from that new value.

<ol>
  <li>One</li>
  <li>Two</li>
  <li value="5">Five</li>
  <li>Six</li>
<ol>

See the Pen HTML OL's by Chip Cullen (@chipcullen) on CodePen.