Html 下划线文本CSS间隙

我希望我的文本在活动时加下划线，但当我这样做时，它看起来是这样的：

如果我使用了

text decoration:underline

在单词下面加下划线，但我不知道如何在文本和下划线之间留出间隙，那么我只希望文本加下划线。我添加了一个新类

。currents

这是我的密码：

CSS:

.currents{
高度：3em；
边框底部：1px实心；
/*页边距底部：5px；*/
}

这是正在工作的jsfiddle。提前谢谢

---

您可以使用

边框底部

（而不是

文本装饰：下划线

）和

填充底部

来实现您的愿望

像这样：

a{
文字装饰：无；
显示：内联块；
边框底部：1px实心；
}
.差距{
垫底：15px；
}

---

您可以使用

边框底部

（而不是

文本装饰：下划线

）和

填充底部

来实现您的愿望

像这样：

a{
文字装饰：无；
显示：内联块；
边框底部：1px实心；
}
.差距{
垫底：15px；
}

---

您可以将文本包装在

标记中。这里有一个正在工作的JSFIDLE演示了这一点

---

您可以将文本包装在

标记中。这里有一个正在工作的JSFIDLE演示了这一点

---

这是工作的JSFIDLE

忘记了？@MoshFeu

这是工作的JSFIDLE

忘记了？@MoshFeu-Mosh-Fue的答案也有效，应该是公认的答案。这是一个更简单的解决方案，它不使用额外的标记。我的回答只是作为一种选择。莫什·富尔的回答同样有效，应该是公认的答案。这是一个更简单的解决方案，它不使用额外的标记。我的回答只是作为一种选择。通过单击投票箭头下方的复选标记接受此答案。通过单击投票箭头下方的复选标记接受此答案。