View Full Version : Lists (ul, ol, li) removing indent completely?


FunkeXMix
02-12-2013, 12:18 PM
Hello community!

This thread is about removing indents completely from list items. The following CSS code manages to reduce the indenting, but how do you remove it completely? Anybody know?

ul, ol,
li {
margin: 0%;
padding: 0%;
}

JSWolf
02-12-2013, 12:55 PM
Hello community!

This thread is about removing indents completely from list items. The following CSS code manages to reduce the indenting, but how do you remove it completely? Anybody know?

ul, ol,
li {
margin: 0%;
padding: 0%;
}

You could try...

ul, ol,
li {
margin: 0;
text-indent: 0
}

FunkeXMix
02-12-2013, 02:56 PM
Whoops, pasted wrong version of the code. Yeah, it was supposed to be without % and it does not help. There is a default indent for lists that needs to be overriden somehow.

Last resort is to make fake lists with paragraphs and bullet symbols etc and left-margin/negative text-indent.

kcarscadden
02-12-2013, 11:25 PM
Don't include the li:

ul,ol {
margin-left: 1em;
padding: 0;
}