Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Remove <li> indentation

Tags:

html

css

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.

enter image description here

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

like image 678
Philip Kirkbride Avatar asked Sep 14 '12 14:09

Philip Kirkbride


1 Answers

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/

like image 113
worenga Avatar answered Oct 09 '22 11:10

worenga