JSFiddle - React, Tailwind, and code Playground

by GMK Hussain

HTML

<h3>OL LI: numbering styling CSS3</h3>
            <ol>
            	<li><a href="#">Kashif Solangi</a></li>
            	<li><a href="#">Sufyan Haqqui</a></li>
            	<li><a href="#">GMK Hussain</a></li>
            </ol>

CSS

ol{
    list-style-type: none;
    counter-reset: ol-counter;
}
ol li::before {
    border: 1px solid #444;
    border-radius: 100%;
    content: counter(ol-counter, decimal);
    counter-increment: ol-counter;
    display: inline-block;
    height: 30px;
    margin: 0 20px 10px 0;
    padding: 10px 0 0;
    text-align: center;
    width: 40px;
    background-color:#FF6500;
}