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> 

それが進むべき道ではないのですli外左spanとフロートとのアイコンをラップ。

Answer 2

スパンタグがここでトリックをしています。

<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>