i am puting circle in list to show counts

making circle in <ul> <li>

• herosalman40 years
• herosrk50 years
• heroranbir12years

It makes round or oval something shape before data
..instead of puttiong number/alphabets for counts i am putting this to make count or to show in series.

<ul>=under listing
<li>=listed
<bdi>=bi directional isolation</bdi></li>
</ul>
</div>
code=

<ul>
<li>hero<bdi>salman</bdi>40 years</li>
<li>hero<bdi>srk</bdi>50 years</li>
<li>hero<bdi>ranbir</bdi>12years</li>
</ul>

i am learning...