Can I reduce the space between or after an H heading/tag? With CSS?

I wanted to place h1, h2 and h3 tags in the top right corner of our website http://www.communityacceptancemortgage.com/ but we could not because of the extra line H tags gives. Is there a way to reduce the distance under the H tags with CSS?

 

Yes you can. Do you have a CSS stylesheet applied to your page already?

If you do, go with something like:

h1 {
line-height: 12px;
}

Or the like.

 

You can manage the space of heading tags by controlling these properties:
- line-height
- padding
- margin

Currently the lineheight and margin top, margin bottom of your heading are set. You can use css to reset them.

 

Which of these CSS properties is handling the white space within the tag itself:
prior to it,
in between or
after it
?

In other words, what each of them (- line-height, - padding, - margin ) is handling?

 

All of them. To get just the setting you want, you should set each of them to a value.

 

Another idea might be to adjust the font size of the H1 tag itself. This could be done in combination with the suggestions above.

 

Thank you!!!