Line Spacing Problem between <h1> and <h2>

Please take a look at -

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.

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>

margin-bottom: 0;

Open in new window

Revolution9Author Commented:
Thanks Kozai - where do I place that code?
Revolution9Author Commented:
I figured it out!  Thanks bro!!
Kyle HamiltonData ScientistCommented:
Revolution9Author Commented:
Please check out my question regarding adding an article div within a content div
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.