字體真棒圖標與文字不

Question

測試字體排隊真棒了一個網站：http://simply-logs.co.uk/

我已經添加了圖標的導航菜單項，但它傾斜的圖標&文本脫節。任何想法如何排列他們？

謝謝！

Answer 1

這兩個項目沒有正確排列的原因是因爲您正在將字體超讚圖標類應用到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標籤）是使用該庫的標準方式。