Line Spacing Problem between <h1> and <h2>

Posted on 2012-09-21
Last Modified: 2012-09-21
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.

Question by:Revolution9
    LVL 25

    Accepted Solution

    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


    Author Comment

    Thanks Kozai - where do I place that code?

    Author Closing Comment

    I figured it out!  Thanks bro!!
    LVL 25

    Expert Comment

    by:Kyle Hamilton

    Author Comment

    Please check out my question regarding adding an article div within a content div

    Featured Post

    Maximize Your Threat Intelligence Reporting

    Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

    Join & Write a Comment

    Suggested Solutions

    Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
    SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
    In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

    745 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    15 Experts available now in Live!

    Get 1:1 Help Now