JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
  <li>Number 1</li>
  <li>Number 2</li>
  <li>Number 3</li>
  <li>Number 4</li>
  <li>Number 5</li>
  <li>Number 6</li>
</ol>

CSS

ol li {
  list-style: none;
}
ol {
    counter-reset: my-counter;
}
ol li:before {
    content: "(" counter(my-counter, lower-alpha) ")"; 
    counter-increment: my-counter;
    margin-right: 5px;
    font-weight: bold;
}