<ol>
Published Jul 1, 2022
Contribute to Docs
The <ol>
element represents an ordered list of items.
Syntax
<ol>
<li><!-- Content here --></li>
</ol>
By default, each list item is prepended with a number marker. However, this can be changed to ordered letters or Roman numbers with the type
attribute (ideal for legal or technical documentation).
Ordered lists can also appear unordered if a CSS rule like list-style-type: disc;
is applied.
Example
<ol><li>Preheat oven to 325° F 👩🍳</li><li>Drop cookie dough 🍪</li><li>Bake for 15 min ⏰</li></ol>
Each list item appears numbered by default:
Contribute to Docs
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.