Question

I have a <div> for content and I am using <p> and <h4> with nothing defined for either of them in my stylesheet. There is a big gap between the two. I’d like them to be flush on top of one another without the big gap. How do I do that ? CSS?

    <div id="content">

    <h4>Asdf</h4><br />
    <p>asdfjkl</p>

    </div>

THANKS!

Answer 1

Yes, CSS would be the way to do it. If you want to do it just in one place you can put it inline like so:

<h4 style='padding-bottom:0px; margin-bottom:0px;'>Asdf</h4>
<p style='padding-top:0px; margin-top:0px;'>asdfjkl</p>

You can do the same with the h4 to eliminate padding or margin. If you want to put it into a separate CSS file:

h4 {
 margin-bottom:0px;
 padding-bottom:0px;
}

p {
 margin-top:0px;
 padding-top:0px;
}