Html CSS如何将底部边框与具有字母间距的链接相匹配

我有一个链接，其中文本有一些

字母间距

。因此，底部边界比链接更远。如何避免这种情况，例如，如何使底部边框适合链接文本

<a href="#">LINK</a>

---

解决此问题的唯一方法是破解：通过将文本包装在

span

中，我们可以删除右侧带有负数

边距的3px

：

a{
字体大小：30px；
边框底部：4倍纯绿；
字母间距：3px；
文字装饰：无；
}
跨度{
显示：内联块；
右边距：-3px；
}

---

不，它不…@Rob使用100px，你会看到的。这里：@WesleyMurch我还是不知道。@Rob他说的是正常行为；）他不喜欢上一次之后的正常空间letter@TemaniAfif他说的是文本下的边框，而不是文本后的边框。把你的标记放在你的问题里，而不是一个JSFIDLE。链接死了，你的答案对未来的任何人都是无用的<代码>此问题：它不是issue@Rob，我的标记在我的答案中，在一个片段中，但是谢谢。你有一个“更新的小提琴”。这与代码片段和示例标记相同吗？@Rob当然，在那里，它是经过编辑的。很好的一天。

a { 
   letter-spacing: 3px;
   font-size: 30px;
   border-bottom: 2px solid orange;
   text-decoration: none
 }