You can change the position of the list items using PADDING
CSS
ul { list-style: none; } /*removes the bullet points beside the unordered list*/
li {padding: 5px 10px; } /*will put a 5px gap on top/bottom & a 10px gap on left/right of list*/
HTML
<ul>
<li>List Item One</li>
<li>List Item Two</li>
<li>List Item Three</li>
<ul>
If you wish to just change the LINE HEIGHT of a list element type the following in your CSS
li { line-height: 1em; } /*1em is equal to the default browser text */
You could use pixels percentages etc
Main Topics
Browse All Topics
by: sam85281Posted on 2006-02-16 at 07:46:29ID: 15971862
<ul style="line-height: 20px;">
<li>blah</li>
<li>blah</li>
<li>blah</li>
</ul>
or
<ul style="line-height: 80%;">
<li>blah</li>
<li>blah</li>
<li>blah</li>
</ul>
You can use pixels, percent, or whatever you want. Adjust as necessary.
-Sam