Spacing between list items on bulleted list.

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.

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.

In article <MPG.1bafd748597c2ab79896ac (AT) news (DOT) comcast.giganews.com>, nobody (AT) nowhere (DOT) 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.

In article <dho1d.3308$_66.254 (AT) fe1 (DOT) news.blueyonder.co.uk>, paultwoonesix (AT) blueyonder (DOT) 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?)

Stoic wrote:

In article <dho1d.3308$_66.254 (AT) fe1 (DOT) news.blueyonder.co.uk>, paultwoonesix (AT) blueyonder (DOT) 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

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