How to make a reverse list?
Example:
17. last
16. last
15. last
14. last
13. last
12. last

    1 answer 1

    If you only need to change the order of numbers, then for this there is an attribute reversed .

     <ol reversed> <li>first item</li> <li>second item</li> <li>third item</li> </ol>

    If you need to change the order of numbers and content, you can do so.

     ol { display: flex; flex-direction: column-reverse; } 
     <ol> <li>first item</li> <li>second item</li> <li>third item</li> </ol>

    Update number 1:
    The first option with reversed does not work either in IE or in Edge http://caniuse.com/#feat=ol-reversed
    In the second version with flexbox in Firefox instead of digits is zeros.

    • one
      The second example does not work in firefox. Instead of the correct numbers, zeros are everywhere. - mJeevas
    • one
      This is clearly a browser problem, you need to write a bug report - Vasily Barbashev