文本和下划线之间的空格[重复]

【问题标题】：space between text and underline [duplicate]文本和下划线之间的空格[重复]
【发布时间】：2011-03-06 08:25:17
【问题描述】：

我正在使用text-decoration:underline;，但文字和下划线相互接触。我可以增加文字和下划线之间的间距吗？

这个。我想在文本和下划线之间留出空间。

【问题讨论】：

【解决方案1】：

要么使用不同的字体，要么改用border-bottom，以便您可以使用padding-bottom 控制空间。

【讨论】：

【解决方案2】：

我有同样的问题，然后我用了：

.underline_text {
      border-bottom: solid 2px #000000;
      display: inline;
      padding-bottom: 3px;
}

【讨论】：