How do you position list item bullets inside a lis

Question

You will see that the numbers/bullets generated by my HTML make the elements at the left look ugly

http://i.stack.imgur.com/nAb8C.jpg

I am trying to use margin and padding at my CSS neither works. Help.

I want the numbers to show at least 5px from the left of the image.

Answer 1

Add list-style-position: inside to your ol tag in your CSS stylesheet

Answer 2

This is the reason why default browser stylesheets have a padding for lists.

I think you removed the padding of the OL tag. Or two margins are adjoining (from the image and ol).

Do you have the code?