JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li>Hello</li>
    <li>World</li>
    <li>Foo</li>
    <li>Bar</li>
    <li>String</li>
</ol>

CSS

ol {
  counter-reset: c 6;
  list-style: none;
}
li {
  counter-increment: c -1;
}
li:before {
  content: counter(c) ". ";
}