Reverse Numbers on list in Wordpress

Question

I want to make numbered list in reverse order such as 10,9,8,7 but when i try manually it create problems in formatting.

<ol start="10">
<li><strong> Asiate – New York City</strong></li>

Is there any plugin or code snippet which i can use in custom css of wordpress theme so i can get a proper numbered box or block in new post because you can get the idea of whole thing behind it here's the site http://toptenzilla.com Please help me if there's any wordpress expert.

Check [this answer](http://stackoverflow.com/a/5426130) – anpsmn Apr 06 '15 at 08:56 — anpsmn, Apr 06 '15 at 08:56

aug · Accepted Answer · 2015-04-06T08:52:08.560

0

HTML5 <ol> comes with an attribute reversed which you can add. You don't need to add anything fancy.

<ol start="10" reversed>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
  <li>Point</li>
</ol>

Unfortunately in terms of browser support, IE and Opera do not support this :(...

For a more cross-browser friendly solution, you'll have to manually set the value

<ol>
  <li value="10">Point</li>
  <li value="9">Point</li>
  <li value="8">Point</li>
  <li value="7">Point</li>
  <li value="6">Point</li>
  <li value="5">Point</li>
  <li value="4">Point</li>
  <li value="3">Point</li>
  <li value="2">Point</li>
  <li value="1">Point</li>
</ol>

edited Apr 06 '15 at 08:52

answered Apr 06 '15 at 08:26

aug

11,138
9
72
93

Then how to get it compatible with other browsers? – shoaib yaseen Apr 06 '15 at 08:41
@shoaibyaseen I updated my answer. You have to manually set the value in the `li`s – aug Apr 06 '15 at 08:52

Reverse Numbers on list in Wordpress

1 Answers1