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;
    width:20px;
    display:inline-block;
}