有没有办法在链接文本和链接行之间添加更多空间？

Question

我是否可以在链接文本与其下方显示的链接之间添加更多空格。这有可能吗？

目前我只找到了删除链接或更改链接颜色的方法，但是我可以将其分开吗？

例如，在上面的链接中，他们是一种在文本（ - Nelson Mandela）和行之间添加更大间隙（空格）的方法吗？

HTML code：

<a href = "#" id = "link"></a>

Answer 1

使用底部边框而不是默认底线和填充。

a{
  padding: 0 10px;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}

<a href = "#" id = "link">saas</a>