• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 835
  • Last Modified:

Line Spacing Problem between <h1> and <h2>

Please take a look at www.amj4silverlake.org -

There is way too much line space between the <h1> Anne-Marie Johnson and the <h2> for Silver Lake Neighborhood Council

I don't want to go in and totally ruin things, so best to ask the experts.  What are the CSS rules that I need to adjust to get my type to look professional?  Please be specific with examples of code that should be changed.

Thanks.
0
Revolution9
Asked:
Revolution9
  • 3
  • 2
1 Solution
 
Kyle HamiltonData ScientistCommented:
add a class to your h1, then remove the default margin.

Margins and Padding, are what cause spaces between h and p block elements. Line-height is space between lines within those elements.

<h1 class="title">Anne-Marie Johnson</h1>

.title{
margin-bottom: 0;
}

Open in new window

0
 
Revolution9Author Commented:
Thanks Kozai - where do I place that code?
0
 
Revolution9Author Commented:
I figured it out!  Thanks bro!!
0
 
Kyle HamiltonData ScientistCommented:
:)
0
 
Revolution9Author Commented:
Please check out my question regarding adding an article div within a content div

http://www.experts-exchange.com/Web_Development/Software/Macromedia_Dreamweaver/Q_27873205.html
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now