JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="numberCircle">
				<li>testing</li>
				<li>testing</li>
				<li>testing</li>
				</ul>

CSS

.numberCircle { list-style-type:none; font-size:18px; }
.numberCircle li { margin:20px;}
.numberCircle li:before {
    border-radius:100%;
    counter-increment: section;
    content:counter(section);
    background: #f1562c;
    color:#fff;
    padding:2px;
    border:none;
    text-align: center;
}