CODEWITHSUNDEEP
htmlcsshyperlink
tkit
tkit

Reputation: 8622

What is causing these html hyperlinks to have different height than the rest of the text?

I have a few links that are slightly smaller (at their bottom part) than the rest of the text and I don't understand why is that and what I did wrong that could have caused this.

The problem exists here on following links: github, link, email, comment and lab.

If i move the list outside of #top_container, then the size becomes normal and the weird spacing at the bottom of these links disappears.

Does anyone have an idea of what I did wrong? Thanks.

Upvotes: 0

Views: 76

Answers (1)

codenighter
codenighter

Reputation: 348

What you see is, actually, an optical illusion generated by the contrast between white and red fonts. Also, you use bold fonts for links which only add to the impression that these fonts are smaller. Try changing their colors and weight.

I've uploaded a screenshot of a fragment of your page. That line can be used as a base to compare a little more accurately these fonts. Hope it helps.

enter image description here

EDIT. I use Firefox. Maybe in other browsers bold fonts are rendered a little different and the discrepancy is real (not an optical illusion as I've supposed the first time).

Upvotes: 4

Related Questions