css3 - CSS to get perfect circle around number using border-radius -

thanks on this.

i'm trying achieve this: http://puu.sh/iqnog/4ea224e4ad.png

and here's my code:

<div class="credit-callout"> <ul>     <li>c m e</li>     <li class="credit-number">19.5</li>     <li>credits</li> </ul> 

i suspect issue might i'm using line-items wasn't able them on 1 line without going route.

any appreciated.

thanks!

tony

because number wide need padding top & bottom larger left & right perfect circle

demo

http://jsfiddle.net/qtlx6cct/

css

.credit-number { padding-top:18px; padding-bottom:18px; padding-left:5px; padding-right:5px; }