Spacing between list items on bulleted list.

[Stoic]

I have a bulleted list and want to increase the spacing between the list items but not the
line spacing overall. Is there a way to do this? I'd hate to put a <br /> in the <li>'s.

Thanks.

[Paul]

Stoic wrote:

I have a bulleted list and want to increase the spacing between the list items but not the
line spacing overall. Is there a way to do this? I'd hate to put a <br /> in the <li>'s.

Thanks.

li {margin: .2em 0}

is the way I do it.

[Stoic]

In article <MP************************@news.comcast.giganews. com>, no****@nowhere.com says...

I have a bulleted list and want to increase the spacing between the list items but not the
line spacing overall. Is there a way to do this? I'd hate to put a <br /> in the <li>'s.

Thanks.

Figured it out. I put a margin-bottom: 10px; into the li and it solved my problem.

[Stoic]

In article <dh****************@fe1.news.blueyonder.co.uk>, pa***********@blueyonder.couk
says...

Stoic wrote:

I have a bulleted list and want to increase the spacing between the list items but not the
line spacing overall. Is there a way to do this? I'd hate to put a <br /> in the <li>'s.

Thanks.

li {margin: .2em 0}

is the way I do it.

Thanks. I had already figured it out and put a margin-bottom: 10px; in. I'm assuming using
em's and not px's is better design. Why would that be? (and what's that trailing 0 for?)

[Paul]

Stoic wrote:

In article <dh****************@fe1.news.blueyonder.co.uk>, pa***********@blueyonder.couk
says...

Stoic wrote:

I have a bulleted list and want to increase the spacing between the list items but not the
line spacing overall. Is there a way to do this? I'd hate to put a <br /> in the <li>'s.

Thanks.

li {margin: .2em 0}

is the way I do it.

Thanks. I had already figured it out and put a margin-bottom: 10px; in. I'm assuming using
em's and not px's is better design. Why would that be? (and what's that trailing 0 for?)

The first figure is for top and bottom, the second for right and left. I
don't think I can really criticise px for the size of margins: I can for
the size of text though. Bear in mind that, if you use px, the margin
size will not change if the user scales the text size.

Paul

[Andrew Thompson]

On Mon, 13 Sep 2004 17:12:26 -0400, Stoic wrote:

I have a bulleted list and want to increase the spacing
between the list items but not the line spacing overall.
Is there a way to do this?
<style type='text/css'>
li {
margin-bottom: 20px;
}
</style>
I'd hate to put a <br /> in the <li>'s.

Oh no, we'll have to spare your
visitors from that!

--
Andrew Thompson
http://www.PhySci.org/ Open-source software suite
http://www.PhySci.org/codes/ Web & IT Help
http://www.1point1C.org/ Science & Technology