...

View Full Version : CSS and line spacing in a <li>



jakenoble
02-22-2004, 10:54 PM
Hi

I have a classic CSS:-

ul.none {
FONT-SIZE: 70%;
line-height: 10pt;
COLOR: #000000;
list-style-position: intside;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
position:relative;
width:150px;
padding:10px;
text-align:center;
BACKGROUND-COLOR: #EDF5F5;
border: 1px solid #0000000;
}

AND THE HTML:-

<ul class="none">
<li>NEWS 1</li>
<li>NEWS 2</li>
<li>NEWS 3</li>
<li>NEWS 4</li>
<li>NEWS 5</li>
</ul>

I want to have a larger gap between each <li> item, without using a <p> or a <br>?

Line height or spacing does not work, it spaces out everything. E.g if the text in the <li> is longer than a line it makes this line higher, which means it looks well daft if you see what i mean. because everything is so spaced out.

Margin and Padding do not work for what i wish to achieve.

Could anyone Help please.

rmedek
02-22-2004, 11:48 PM
Originally posted by jakenoble
Margin and Padding do not work for what i wish to achieve.

Could anyone Help please. Have you tried using margin or padding for <li> instead of <ul>? i.e. "li {margin:10px 0}"

That's usually the way I handle it when I need list items separated...

-Rich



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum