Minor CSS problem

Joined: 11/28/2008

I'm trying to make a list and want there to be a line (i.e. <br>) between each bullet point. Is it possible to do this in CSS? Current coding is below.

UL {
font-size : 12px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000033;
list-style-image: url(/images/bullet.gif);
}

Produces bullet points as below:
http://www.aliveandkickingcampaign.org/whoweare.htm

But I want a line separating each of the sentences. Any help?

Thanks!
Patrick

Joined: 11/28/2008
I realize you're not making a

I realize you're not making a menu, but this page

http://css.maxdesign.com.au/listutorial/

can help you with that. You can use CSS to style the li

Without doing the entire setup, read on the tutorial how to remove margins, padding and then add padding-bottom or padding-top to equal the space you want in between each one.

I believe that <br> is legal in a normal, unstyled list as well.

from indexDOThtml:

"If you use a BR at the end of a block structuring element (ex: BLOCKQUOTE) or block structuring sub element (ex: LI), you may need to use two consecutive line breaks to produce a visual space in a document. This is because there is already an implied line break at the end of block structures."

http://www.eskimo.com/~bloo/indexdot/html/...ges/b/break.htm

CWM Post with Helpful Links for Web Design Newbies<

Joined: 11/28/2008
how much of a break do you

how much of a break do you want?
Add this to your css and play around with the amount
li {padding-top:10px;}

Joined: 11/28/2008
Thanks for the replies

Thanks for the replies /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" /> Much appreciated. Will try them now.