如何将我的图标和锚标记合并为一个可点击的文本?

How can I make my icon and anchor tag into one clickable text?

我想把我从 FontAwesome 得到的图标变成一段文字 'Contribute'。目前,悬停时它们是分开的。

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

那是因为您的 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>