How to set list in descending order in HTML5 ?

How to create a list with roman number indexing in HTML ?

HTML Lists are used to create informative lists. Any list will have one or more list items. We have three types of lists in HTML.

ul: An unordered list is referred to as an ul. Simple bullets would be used to list the items.
ol: A number that is arranged in a certain order. This will list the items using various numbering schemes.
dl: A definition list. This puts things in the same order as they will be in a dictionary.

To set reversed ordering of list items in an ordered list, we can use the reversed attribute of the <ol> element in HTML. It was introduced in HTML5 and shows the numbering in descending order.

Syntax:

<ol reversed>
  <li>ListName</li>
</ol>

Example 1: In this example, we will make a reversed list using <ol> and <li>.

HTML

<!DOCTYPE html>
<html>
<body>
    <h2>Rank in Descending order</h2>
    <ol reversed>
        <li>Kapil</li>
        <li>sachin</li>
        <li>Will</li>
        <li>nikhil</li>
        <li>Aakash</li>
        <li>Steve</li>
        <li>Rahul</li>
        <li>Kane</li>
        <li>Rohan</li>
        <li>John</li>
    </ol>
</body>
</html>

Output:

Example 2: Using the start attribute, you can specify at what number you want the list to begin.

HTML

<!DOCTYPE html>
<html>
<body>
    <h2>Rank in Descending order</h2>
    <ol reversed start=23>
        <li>Kapil</li>
        <li>sachin</li>
        <li>Will</li>
        <li>nikhil</li>
        <li>Aakash</li>
        <li>Steve</li>
        <li>Rahul</li>
        <li>Kane</li>
        <li>Rohan</li>
        <li>John</li>
    </ol>
</body>
</html>

Output:

Tags:

#HTML-Attributes #HTML-Questions #HTML-Tags #HTML #Web Technologies

How to define a list item in HTML5?

How to create a list with roman number indexing in HTML ?