Forum Moderators: open

Message Too Old, No Replies

Need space between <LI> elements

         

enchant

3:05 pm on Jan 18, 2006 (gmt 0)

10+ Year Member



Most of my customers don't like their list elements to be right on top of one another:

* something something something
something something
* somethingelse somethingelse
somethingelse

They want spacing between them:

* something something something
something something

* somethingelse somethingelse
somethingelse

I've been doing this by simply putting a couple of <BR> tags after the </LI> tags. However, this is not approved code. Is there a "correct" way to do this?

benihana

3:16 pm on Jan 18, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



yes. css:

li {
margin-bottom:12px;
}

or similar.

choster

3:17 pm on Jan 18, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



In your stylesheet, you could put something like

li {margin-bottom: 1em}

which adds 1em of margin whitespace below the list item.

enchant

3:29 pm on Jan 18, 2006 (gmt 0)

10+ Year Member



Excellent! Thank you!