View Full Version : line breaks between list items

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?

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.

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.

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

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