/    Sign up×
Community /Pin to ProfileBookmark

How to control line spacing in LIST

Copy linkTweet thisAlerts:
Sep 17.2003

At top of [URL=http://www.dukewill.com/index.html]my page[/URL], I have…

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

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

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

[CODE]<UL class=”list2″>[/CODE]

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.)

to post a comment
HTML

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@Robert_WellockSep 17.2003 — CSS margins and paddings, try:

<style type="text/css">

<!--

.list2 {

color: #ffffff;

background-color: transparent;

margin-bottom: 100px;

}

-->

</style>

Though browsers handle them differently.
Copy linkTweet thisAlerts:
@96turnerriSep 17.2003 — <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
Copy linkTweet thisAlerts:
@Duke_WillauthorSep 17.2003 — 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).

[i]Originally posted by Robert Wellock [/i]

[B]CSS margins and paddings, try:



<style type="text/css">

<!--

.list2 {

color: #ffffff;

background-color: transparent;

margin-bottom: 100px;

}

-->

</style>



Though browsers handle them differently. [/B][/QUOTE]
Copy linkTweet thisAlerts:
@pyroSep 17.2003 — You can change the css like this, to make it affect each list item:

&lt;style type="text/css"&gt;
&lt;!--
.list2 li {
color: #ffffff;
background-color: transparent;
margin-bottom: 100px;
}
--&gt;
&lt;/style&gt;
Copy linkTweet thisAlerts:
@Robert_WellockSep 17.2003 — Yes, I am dyslexic and misread the post and that's why I gave the slightly incorrect answer.
×

Success!

Help @Duke_Will spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.25,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...