如何为<strong>文本</strong>设置边框底部样式

Question

On this page ( http://nate.fm/articles ) I have two different articles listed. One is bold and one is regular. They are both links with a 3px border-bottom. However, the bold font's border-bottom is pushed down slightly lower than the regular font.

Can anyone tell me where that extra space is being defined in the CSS?

Answer 1

However, the bold font's border-bottom is pushed down slightly lower than the regular font.

No. Under the link Like the border is 7px below the character the first character L and under the link Pro-Life vs Pro-Birth the border is again 7px below the character P . Perhaps you are getting deluded by the g in Light .

PS: I checked the distances by printing screen and pasting to photoshop.

Answer 2

看起来这些实际上是不同的字体变体：字体粗细分别为 400 和 700，因此 700 字体的大小/高度可能略有不同（降序）以将这些粗体字母放入行中。