Ordered lists are among the oldest and most semantically rich elements in HTML. Anytime you need to communicate sequence or ranking, the
<ol></ol> tag is there to help. The default appearance of the
<ol></ol> tag presents numbers next to each item in the list. You can use the
list-style-type property in CSS to change the default to use Roman numerals or the letters of the alphabet. If you are feeling exotic, you can even use numbering from other cultures like Hebrew or Greek. The full list of available values is well-documented and easy to use.
Recently, I saw an opportunity to use dice in place of numbers for several ordered lists explaining the features of an HTML5 game I created (more…)