Share
 
   

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;
}




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

Disclaimer - Privacy Policy