This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > February 2006 > more space between list items - CSS





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author more space between list items - CSS
Brian

2006-02-24, 10:16 pm

I have a list and would like to style it with CSS to have more space
between each list item? Can I do that?

Thank you.
Brian
Osgood

2006-02-24, 10:16 pm

Brian wrote:

> I have a list and would like to style it with CSS to have more space
> between each list item? Can I do that?
>
> Thank you.
> Brian


li {
margin-bottom: 10px;
padding-bottom: 10px;
}


adjust to suit.

Osgood

2006-02-24, 10:16 pm

Brian wrote:

> Osgood can I name my list and then just style that list?
>
> Thanks for the help!


Yes

<ul id="myList">
<li>Some text</li>
<li>Some more text</li>
<li>Some more text text</li>
</ul>


#myList li {
margin-bottom: 10px;
padding-bottom: 10px;
}

Brian

2006-02-24, 10:16 pm

Nice! Thank you!
Brian

2006-02-24, 10:16 pm

Osgood can I name my list and then just style that list?

Thanks for the help!
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews