如何在 div 标签中添加可点击的字体真棒图标？答案

【问题标题】：How can I add a clickable font awesome icon within a div tag?如何在 div 标签中添加可点击的字体真棒图标？
【发布时间】：2015-12-30 00:56:31
【问题描述】：

我想在 div 标签内制作一个可点击的图标。见以下代码：

<div class="wd_home_box">
<div class="fa fa-get-pocket"><a href="leadership">&nbsp;</a></div>
<a href="leadership">Leadership</a></div>

理想情况下，我希望整个框都可以点击，但显然我会满足于图标和文本。任何建议表示赞赏！

【问题讨论】：

将第二行改为： jsfiddle.net/beyynu7e
效果很好，谢谢！！
我说得太早了。我使用的 CMS 去掉了 i 标签，所以当我重新编辑代码时它消失了。
@JakeBraun 为什么要在同一个 div 中创建两个锚点？相反，为什么不只用一个锚包裹 div 呢？这样，两个锚点之间就没有不可点击的区域。
@AdamBuchananSmith 我同意 100%。当我回应我对整合代码的唯一保留时，我们没有为我们提供此 sn-p 的上下文以及匹配的 CSS。我不知道合并锚标签的所有后果，因此提供了最少的修改。

【解决方案1】：

我认为您正在寻找这样的东西？ https://jsfiddle.net/0j1me71m/1/

<div class="wd_home_box">
    <a href="leadership"><div><i class="fa fa-get-pocket"></i>&nbsp;Leadership</div></a>
</div>

【讨论】：