JSFiddle - React, Tailwind, and code Playground

by Bill Criswell

HTML

<ol>
  <li>Awesome Thing 1</li>
  <li>Awesome Thing 2</li>
  <li>Awesome Thing 3</li>
  <li>Awesome Thing 4</li>
  <li>Awesome Thing 5</li>
  <li>Awesome Thing 6</li>
  <li>Awesome Thing 7</li>
  <li>Awesome Thing 8</li>
  <li>Awesome Thing 9</li>
  <li>Awesome Thing 10</li>
</ol>

CSS

ol {
  list-style: none;
  counter-reset: item;
}

li::before {
  counter-increment: item;
  content: counter(item) ". ";
  color: red;
  font-weight: bold;
}