CSS unordered list {line spacing question}

Question

Hi everyone.
I am trying to make a bulleted list, and I have 5 elements.
Some require one line, while others require two lines. But the
thing is, I want the leading to be lets say 20pt between items. But
since some of the items require two lines, i want those items to
have their line spacing closer so they can seem that they are part
of the same bullet point. Is there any way I can do this? Is it
even possible?
Any help would be appreciated.
Thanks
-Ce

Answer 1

Use <ol> or <dl> or <ul> list container and
wrap your bullets in individual <li> tags.
use css to style the line-height of the lis. Use a class on
each group of lis to set the line-height.
<ul>
<li class = "double_height">Item 1</li>
<li class = "single_height">Item 2</li>
<li class = "double_height">Item 3</li>
</ul>
ul {
margin: 0;
padding: 0;
list-style: none;
.double_height {
line-height: 2.5em;
.single-height {
line-height: 1.2em;
You can play with the settings to get the best results but
this code will give you an idea of what is possible.
regards
Nick Barling
www.barkingweb.com