Files
30-seconds-of-code/blog_posts/reversed-list.md
Isabelle Viktoria Maciohsek 1eaf279c44 Update blog expertise
2022-03-01 21:07:20 +02:00

1.1 KiB

title, type, tags, expertise, author, cover, excerpt, firstSeen
title type tags expertise author cover excerpt firstSeen
Tip: Create a descending list of numbered items tip webdev,html beginner chalarangelo blog_images/ancient-greek-building.jpg Did you know there's an easy way to create a descending list of numbered items with pure HTML? Learn how with this handy tip. 2021-06-22T05:00:00-04:00

Did you know there's an easy way to create a descending list of numbered items with pure HTML? The only thing you'll need is the reversed attribute. This boolean attribute is specific to ol elements and specifies that the list's elements are in reverse order (i.e. numbered from high to low).

<ol reversed>
  <li>My third favorite</li>
  <li>My second favorite</li>
  <li>My absolute favorite</li>
</ol>
<!--
  3. My third favorite
  2. My second favorite
  1. My absolute favorite
-->

Additionally, you can combine reversed with the start attribute which is an integer specifying the initial value of the list counter. For example, if you wanted to display the numbers 6 through 4 in a reversed 3-item list, you would simply add start="6".