JSFiddle - React, Tailwind, and code Playground

by GMK Hussain

HTML

<ol>
	<li>Sufyan Haqqui - Wordpress</li>
    <li>GMK Hussain - Graphic Designer / Frontend Developer</li>
	<li>Noman - Graphic Designer</li>
	<li>Haseeb - Frontend Developer</li>
</ol>

CSS

ol li {
  list-style: none;
  counter-increment: myCounter;
}

ol li:before {
    background-color: #4090d7;
    border-radius: 50px;
    color: white;
    content: counter(myCounter, decimal);
    display: inline-block;
    height: 30px;
    margin: 15px 10px 0 -40px;
    padding: 2%;
    text-align: center;
    width: 30px;
}