css - fa 图标显示在新行中

Question

我正在尝试在 woocommerce wordpress 产品中显示带有类别名称的 fa 图标。我想出了在单独的页面上显示它们的方法，但是在大型菜单(按类别的镊子)中显示它们时，我面临的问题是 FA 图标显示在新行中而不是显示在名称之前。您可以查看实时链接 here .请检查这里是否有人可以帮助我。

Answer 1

您应该在每个 <li> 中添加图标元素，示例:

<li style="float:left;">
    <a href="http://newsite.cealinetweezers.com/tweezers/tweezers-by-category/aquarium-aquascaping-tweezers/">
        <i class="fa fa-dropbox"></i> 
        Aquarium &amp; Aquascaping Tweezers
    </a>
</li>

用 span 包裹图标并在 li 的左侧 float 这不是要走的路。