JSFiddle - React, Tailwind, and code Playground

by Rajshekar Reddy

HTML

<ol>
  <li>as</li>
  <li>isdsadtem</li>
  <li>iasadstem</li>
  <li>idsadsadtem</li>
</ol>

CSS

ol {
   list-style: none;
 }
 li {
    counter-increment: item;  
    margin-bottom: 5px;
 }
 li:before {
   margin-right: 5px;  
   content: counter(item);
   border-radius: 100%;
   border:1px solid; 
   width: 20px;
   text-align: center;
   display: inline-block;
 }