Remove Space Before and After H tags

by Roger Chartier:

This aggravated me for a long time.

I never got around to figuring out how to get rid of the space before and after the H tags.

The issue isn't just the <h> tags it is the space above the  following <p> tag
 The code immediately below removes the top margin.

p {  
  margin: 0 0 1em;  
}

You can try this just below here as well

p {display:inline;}

Here is the CSS code for removing space before and after  < H > tags to add to your CSS file.

In the example below

I removed all of the <p> </p> tags and added the code in the box below  then manually added the <h3> tags. It worked but, I wonder about how the search engines will like it.

h3 {

font-size: 16px;

margin-bottom: 0px;

margin-top: 0px;

padding-bottom: 0px;

padding-top: 0px;

bottom: 0px;

margin-bottom: 0px;

top: 0px;

Here is one code you might try to use in your CSS file for inline display

h1,h2,h3,h4,h5,h6 {

display: inline;

}

Below are alternatives

For removing space from below add this code

h1,h2,h3,h4,h5,h6{

margin-bottom: 0px;

padding-bottom: 0px;

}

To remove space from above use this code

h1,h2,h3,h4,h5,h6{

margin-top: 0px;

padding-top: 0px;

}

To remove space from both top and bottom

h1,h2,h3,h4,h5,h6{

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}

Here are some links to some useful pages

Search the news website box code

Link button

Roll Over Tag

How to make a print page button

How to create a redirect page code

Roger Chartier       Disclaimer - Privacy Policy The Author - Roger Chartier