Need a new web host or having a problem with a script? Tips and advice on the best way to design, build and maintain your most valuable asset - your website!

CSS code for increasing space between H tag lines
shiva-yogi
Posts: 26
Joined: 13 Mar 10
Trust:
03 Jun 10 7:51 am

CSS code for increasing space between H tag lines

Hey All,

I was surfing the web but was finding alot of info that wasn't on par with what i was looking for.

Is there code I can place in the CSS to increase the space between lines in the Head? I can show you why i'm interested in increasing it. Check out the H1 on the page.

http://swtormmo.org/?p=38

Thanks!
Dan
  • 1
PremiumMember
gradyp
Posts: 848
Joined: 28 Jun 09
Trust:
04 Jun 10 6:08 am

 Dan,

I think the code you are looking for is margin. For ex:

h1 {margin: 10px;}

Will add a 10 pixel margin on each side of the h1 element. You can also use margin-top to just to the top margin.

If you want to see more about this, or other CSS code, I'd recommend checking out http://www.w3schools.com , where they have a ton of great material on HTML, CSS, PHP, XML, and more.

Grady
  • 1
Have questions about creating images? Want an image created for you? Check out my site at www.GradyPruitt.com/welcome-affilorama-friends
 
shiva-yogi
Posts: 26
Joined: 13 Mar 10
Trust:
04 Jun 10 6:12 am

 Thank you for the help Grady
  • 1
PremiumMember
gradyp
Posts: 848
Joined: 28 Jun 09
Trust:
04 Jun 10 6:39 am

 No prob :D

Incidently, I think in the situation that you have, you COULD also get the same effect (space between the wrapped lines) by setting the line-height property. For ex: line-height: 150%;

I could be wrong, but I don't think I am. Actually, now that I think about it, this might be the one you needed, not the margin one...

Grady
  • 1
Have questions about creating images? Want an image created for you? Check out my site at www.GradyPruitt.com/welcome-affilorama-friends
 
PremiumMember
gradyp
Posts: 848
Joined: 28 Jun 09
Trust:
04 Jun 10 6:41 am

 And that tag is supported by all the major browsers...

http://www.w3schools.com/css/pr_dim_line-height.asp

Grady
  • 1
Have questions about creating images? Want an image created for you? Check out my site at www.GradyPruitt.com/welcome-affilorama-friends
 

This topic was started on Jun 03, 2010 and has been closed due to inactivity. If you want to discuss this topic further, please create a new forum topic.

Topic locked