Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

spacing between list items 1

Status
Not open for further replies.

jwh123

Technical User
Mar 29, 2002
13
0
0
US
Is there a CSS specifier that determines the amount of space between list items in an unordered list? Using <br><br> between <li>'s does not render consistently across browsers. And it's not very elegant. THANKS!!

Cheers,
Jeff
 
Here's the CSS I use for unordered lists and ordered lists.
Code:
UL { font-family:Verdana,Arial,sans-serif; font-size:11px; line-height:1.2; display:list-item; font-weight:normal; margin-left:25px; }
UL LI { margin-top:5px; }

OL { font-family:Verdana,Arial,sans-serif; font-size:11px; line-height:1.2; display:list-item; font-weight:normal; margin-left:25px; }
OL LI { margin-top:5px; }
OL.L1 { list-style-type:decimal; font-weight:normal; }
It makes the spacing between lines in the list 20% more than single spacing plus 5 pixels, but keeps too much space from being add before the first item. It also indents the list items by 25 pixels.
Tracy Dryden
tracy@bydisn.com

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard. [dragon]
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top