JSFiddle - React, Tailwind, and code Playground

by piiantom

HTML

<ul>
  <li>Out of control</li>
  <li>Walking on a line</li>
  <li>Hey you</li>
  <li>First date mullet</li>
</ul>

CSS

ul{counter-reset: badass-count;}
li{list-style: none;}
li:before{content: counter(badass-count, decimal) "."; counter-increment: badass-count; margin-right: 10px; color: red; font-weight: bold;}