Remove <li> indentation

Question

I've removed the bullet on my lists using

ul li { list-style: none; } 

But I'm still getting an indentation on the lists as if the bullet was there.

I need the list-item in the image to be exactly centered.

Answer 1

Browsers ship a default styling attached to <ul/> and <li/> tags

ul,li { list-style-type: none;         list-style-position:inside;         margin:0;         padding:0; } 

http://meyerweb.com/eric/tools/css/reset/