JSFiddle - React, Tailwind, and code Playground

by gianlucaguarini

HTML

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

SCSS

ul {
   counter-reset: my-counter;
   list-style: none;
}

li {   
   &::before {
     counter-increment: my-counter;
     content: counter(my-counter, upper-latin);
   }
}