JSFiddle - React, Tailwind, and code Playground

HTML

<ol class="custom">
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ol>

CSS

ol.custom {
  list-style-type: none;
  margin-left: 0;
}

ol.custom > li {
  counter-increment: customlistcounter;
}

ol.custom > li:before {
  content: "§ " counter(customlistcounter);
  font-weight: bold;
  float: left;
  width: 3em;
}

ol.custom:first-child {
  counter-reset: customlistcounter;
}