Friday, July 25, 2008

Faking a second line indent on "li"

Since you really can't indent the second line of a "li", you have to fake it by using a negative indent on the first line. Here's some CSS to get started, courtesy of Pat Rees.
ul {
margin:0px;
padding: 0px;
}
li {
margin: 0px;
padding: 0px;
text-indent: -1.5em;
margin-left: 1.5em;
}

posted by vwc @ 4:38 PM

3 Comments:

At February 11, 2009 3:49 PM , Blogger dpjacobs said...

Worked great for me. Thank you so much.
--
Davo

 
At August 28, 2009 7:42 AM , Blogger Jeremy Coulson said...

Excellent! This solved a problem for me.

 
At February 13, 2010 11:05 PM , Blogger Larka said...

Thank you thank you

 

Post a Comment

<< Home