Go Back   PCMech Forums > Help & Discussion > Web Design / Development

Need Some Help? Type Your Keywords Here:

Reply
 
LinkBack Thread Tools Search this Thread Rate Thread Display Modes
Old 04-29-2004, 06:38 AM   #1
TdM
Registered User
 
Join Date: Jan 2001
Location: Reading, England
Posts: 183
HTML line spacing

Guys, probably a really simple one but how do I change line spacing in HTML? I can't find a tag that works. is it something I need to add to the < p > tag??
TdM is offline   Reply With Quote
Old 04-29-2004, 07:13 AM   #2
Staff
Premium Member
 
mairving's Avatar
 
Join Date: Jul 1999
Location: Arlington, TN
Posts: 5,538
You could use Padding in CSS
Something like:
.classname {
padding: 10px 0px 10px 0x;
}
The first position is the top padding, then right, bottom and left.

So in your head section, you would put:
<style>
.spacer {
padding: 10px 0px 10px 0x;
}
</style>

Then use a div like so:
<div class="spacer">Some text here</div>
mairving is offline   Reply With Quote
Old 05-02-2004, 01:20 PM   #3
Moderator
Staff
Premium Member
 
Join Date: Aug 2003
Location: Richmond, VA
Posts: 7,835
CSS, eh? If you just want to do it manually, just use the line breaks tag: < br > . It's half of the paragraph tag, and it's admittedly not supposed to be used that way, but it works, doesn't it?

kram
__________________
"For today, goodbye. For tomorrow, good luck. And forever, Go Blue!"
University of Michigan President Mary Sue Coleman

Last edited by kram 2.0; 05-02-2004 at 01:27 PM.
kram 2.0 is offline   Reply With Quote
Old 05-02-2004, 04:24 PM   #4
Staff
Premium Member
 
mairving's Avatar
 
Join Date: Jul 1999
Location: Arlington, TN
Posts: 5,538
<br> will not really do much anything about line spacing. It will just break the line. To get non-default line spacing you would have to use CSS.
mairving is offline   Reply With Quote
Old 05-05-2004, 06:19 PM   #5
Member (5 bit)
 
Join Date: May 2004
Posts: 19
There are some good tutorials here:

http://www.w3schools.com/

Hedda Lora
HeddaLora is offline   Reply With Quote
Old 05-05-2004, 06:48 PM   #6
Member (9 bit)
 
Join Date: May 2003
Posts: 420
Send a message via AIM to juicelooser
for line spacing with css: you'd want to use the following:

Quote:
<style>
p {
line-height: 10px; /* adjust the 10px to whatever size you want */
}
</style>
Place that in your <head> section.

Last edited by juicelooser; 05-05-2004 at 06:50 PM.
juicelooser is offline   Reply With Quote
Reply

Bookmarks

Still Need Help? Type Your Keywords Here:


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT -5. The time now is 12:53 AM.
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2012, vBulletin Solutions, Inc.
SEO by vBSEO 3.6.0 PL2