font-awesome - 导航菜单上的字体真棒图标与文本不对齐

Question

在网站上测试字体真棒：http: //simply-logs.co.uk/

我已将图标添加到导航菜单项中，但它使图标和文本不合时宜。知道如何排列它们吗？

谢谢！

Answer 1

这两个项目没有正确排列的原因是因为您将 font-awesome 图标类应用到li标签而不是它自己的标签。尝试用以下内容替换您当前的项目：

<li id="menu-item-19" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-19">
    <a href="http://simply-logs.co.uk/"><i class="icon-home"></i> Home</a>
</li>

这将使您的图标与文本一致，它也将允许单击它作为链接。上述语法（使用i标签）是使用该库的标准方式。