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.
Revolution9Asked:
Who is Participating?
 
Kyle HamiltonConnect With a Mentor Data 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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.