如何将我的图标和锚标记变成一个可单击的文本？

Question

我正在尝试将我从FontAwesome获得的图标带入一个带有'Contribute'字样的文本中。目前，它们悬停时是分开的。

<a class="contribute" href="#">Contribute</a><i class="fas fa-comments"></i>

Answer 1

这是因为您的Font Awesome图标不在<a>元素内：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
<a class="contribute" href="#">Contribute<i class="fas fa-comments"></i></a>