...

View Full Version : line breaks between list items



finstah1
06-27-2007, 02:51 PM
For the life of me I can't remember how I did this before. Basically I want a hard return after each item in a list:

1. blah

2. blah

3. blah

I tried adding margins to the ul as well as the li (not listed) but to no avail.

I always get

1. blah
2. blah
3. blah




#highlights, #highlights ul, #highlights ul li {font: normal 8pt "Franklin Gothic Medium", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;}

#highlights ul a { color: #A0BAC5;}

#highlights ul {
margin: 1.5em 1em;
padding: 0;
text-align: left;
white-space: nowrap;
background: url(../images/list_square.gif);
}

#highlights {list-style-image: url(../images/list_square.gif);}


Can anyone think of anything to remedy this?

Jutlander
06-27-2007, 03:02 PM
li {
margin-bottom: 15px;
}


should work... It works in my stylesheet anyway.

Bill Posters
06-27-2007, 03:03 PM
Applying margins to the li elements should do the job.
It's possible that another rule in your css is overriding it.
Without seeing all the code (markup and css), it's difficult to say for sure why it's not working as it should.

finstah1
06-27-2007, 03:14 PM
that was it.

I had



#highlights ul li {margin-bottom: 0.5em;}


took out the ul and all is well.

Thanks for the help.

MarkWiseman
06-28-2007, 11:43 PM
This seems to create a similar effect as well

ul.bigspaces {line-height:200%;}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum