How to control line spacing in LIST

[Duke Will]

At top of my page (http://www.dukewill.com/index.html), I have...


<style type="text/css">
.list1 {
color:#000000;
font:12px sans-serif, arial, helvetica;
}
</style>

<style type="text/css">
.list2 {
color: #ffffff;
background-color: transparent;
}


In body of code, it calls the two types of list, like...

<UL class="list2">

For that .list2, I'd like for the line spacing between bullet points to be a little bigger. So there is a little gap between each bullet point. How I do that?

BTW, having those two STYLE sections at the top, I don't know if that's the way to do it or not but that's what I did and it worked. (The top list is in a white background, the bottom is in a black background. Somebody on this forum helped me know how to do that.)

[Robert Wellock]

CSS margins and paddings, try:

<style type="text/css">
<!--
.list2 {
color: #ffffff;
background-color: transparent;
margin-bottom: 100px;
}
-->
</style>

Though browsers handle them differently.

[96turnerri]

<li style="height: 6; margin-top: 50; margin-bottom: 50">WHATEVER</li> convert this into css

thinks its

list style blah blah blah

not sure tho

[Duke Will]

Your code below put a 100px gap at the bottom of the entire list. I just want to separate the bullet points a bit. Like instead of single space, a space and a half (in typewriter-speak).

Originally posted by Robert Wellock
CSS margins and paddings, try:

<style type="text/css">
<!--
.list2 {
color: #ffffff;
background-color: transparent;
margin-bottom: 100px;
}
-->
</style>

Though browsers handle them differently.

[pyro]

You can change the css like this, to make it affect each list item:

<style type="text/css">
<!--
.list2 li {
color: #ffffff;
background-color: transparent;
margin-bottom: 100px;
}
-->
</style>

[Robert Wellock]

Yes, I am dyslexic and misread the post and that's why I gave the slightly incorrect answer.