H1 tag still has padding or margin at the bottom, although none are set

Question

The H1 tag still has padding or margins below, although none are set.

I have an h1 tag and some text below. I set margin and insanity to 0 on both, and the text is still not sitting right under the text h1.

I created a js script to illustrate my point

+5

RSM Jun 15 '12 at 10:23

6 answers

font , line-height. line-height of H1.

+4

sandeep 15 . '12 10:26

Try using line-height: 70px;

Hope this helps!

+3

Dipak Jun 15 '12 at 10:26

This is somehow related to the line-height. Perhaps an alternative would be to set a negative margin for the first paragraph.

Here is a jsfiddle example

Alternatively, you can set the line height to a value other than auto (default)

+1

Undefined Jun 15 '12 at 10:26

+1

Axente paul Jun 15 '12 at 10:29

The best solution is here:

h1, h2, h3, h4 {line-height: 1em;}

0

LexA Jun 2 '14 at 3:45

Quentin · Accepted Answer · 2012-06-15T10:25:55+0000

No indentation. There is only a space, highlighted by default line-heightand without characters with descenders (e.g. p, q and g) in the text.