Remove space above and below the text inside the tag

Question

Below you see a printscreen of a <a> tag with a light blue background.

As you can see, there are space above and below the text inside the <a> tag.

Is it possible to remove the space around the text?

Kind regards

enter image description here

possible duplicate of [Remove white space above and below large text in an inline-block element](http://stackoverflow.com/questions/14061228/remove-white-space-above-and-below-large-text-in-an-inline-block-element) — Johan, Mar 14 '14 at 08:33
In my jsfiddle example I am using default font so the top- and bottommargins are not 37px and 67px. — Happy 1976, Mar 15 '14 at 13:41

score 0 · Answer 1 · answered Mar 14 '14 at 08:43

0

You need the line-height to be smaller.

answered Mar 14 '14 at 08:43

Pinki

1,042
9
17

score 0 · Answer 2 · answered Mar 14 '14 at 09:13

Maybe you could...

Option 1:

a {
    padding: 0; /* This will probably work A.F.A.I.K. */
    display: inline-block;
    /* If it doesn't, adding inline-block display will it inline **and** have
    a CSS box... but I'm not sure if this is recommended, honestly. */
}

Option 2:

a {
    line-height: 0;
    /* Mess with the line-height value to change the
    "Line Height" in an inline element */
}

score 0 · Answer 3 · answered Mar 14 '14 at 10:02

0

Basically <a> tag does not have such padding. Tell me, if this tag is inside any <li> tag or anything else.

answered Mar 14 '14 at 10:02

Anand Gupta

5,640
3
27
37

Remove space above and below the text inside the tag

3 Answers3