HTML + CSS: Numbered list with numbers inside of circles

Question

I\'m trying to create an ordered list in CSS + HTML that looks like this:

I can\'t for the

Answer 1

I find that browsers position list-style-image at various places and one has only the "outside" & "inside" position control.

I recommend the following:

http://jsfiddle.net/vEZHU/

NOTE: You can also use float to lay them out or what I did. Also, this asumes you know of sprites.

Hope this makes sense.