Space between Text and Underline

[KatB]

Hey guys,

the space between a word (which is a link) and its underline is too big. How can I change this? Even when padding-bottom is 0 it is still too much space in between.

http://www.katrinbehrens.com/ueber-mich

Greetz, Katrin

[mariusjopen]

Hi @KatB
I see your confusion. And I am confused as well.

I have a feeling it is connected to the font. It is not possible to move the border more inside.

But I managed:

.lay-textformat-parent ._Headline a {
    color: black;
    border: 0px;
    box-shadow: inset 0 -5px 0 black;
}

I hope that helps!

Best!

Marius

[KatB]

Hi @mariusjopen thanks for your help.
Your code works well but it isn't really helping because when I say -7 the line becomes bigger but is still too far away from text.

[mariusjopen]

Hi @KatB
ok. You are right.

I have a feeling this could be because of the font.

I will double check with Armin about that.

Best!

Marius

[arminunruh]

Yes it is because of the font.
You can also do this, but then I believe your anchors in ._Headline won't be able to have linebreaks anymore.

.lay-textformat-parent ._Headline a {
line-height: 0.6;
display: inline-block;
border: 4px solid black;
}