Numbered Lists
Use a numbered list when the order matters.
1<h1>How to Eat Pizza</h1>
2<ol>
3 <li>Pick up the slice.</li>
4 <li>Aim carefully.</li>
5 <li>Eat.</li>
6</ol>
Every line, explained
<h1>How to Eat Pizza</h1>- A title again.
<ol>- <ol> is an ordered list: the browser numbers the items 1, 2, 3 automatically. Use it when the order matters, like steps in a recipe.
<li>Pick up the slice.</li>- Same <li> tag as bullet lists: only the wrapper changed, from <ul> to <ol>.
<li>Aim carefully.</li>- Step 2. If you later add a step between these, the numbers fix themselves: that is why you let the browser count.
<li>Eat.</li>- The final step.
</ol>- </ol> closes the numbered list.