JSFiddle - React, Tailwind, and code Playground

by Daniel Tan

HTML

<ol class="d">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

CSS

ol.d {
    counter-reset: item;
    margin-left: 1em;
}

ol.d li:before {
    content: '(' counter(item, lower-alpha) ') ';
    counter-increment: item;
}