對于小圖標和文字的混合排版的確是個很麻煩的問題，網上有人總結了以下幾種解決方法，僅供大家參考：

1、可以把小圖標設為背景， 并設定<li>的padding值。比較常見于<ul><li>制作的菜單中；（注重：可能你經常會看到在IE5下定義在LI中的小圖片會在文字下面，原因就是制作者把樣式定義在A中了，IE5對內聯元素補白樣式支持不完善，所以在一般情況下把背景小圖標定義在LI中，因為LI在默認的情況下是有塊元素的特性。）

2、可以對圖標進行樣式定義，設定img屬性margin或padding的值；

3、可以在圖片中使用align=/"absmiddle/"來讓圖片絕對居中，alibaba英文網站上很多都是這樣排版的。

4、使用垂直居中的通用方法（外層設置相對位置屬性，內層設置絕對位置屬性，設置/"top:50%;marign-top:-x/2;/"，x為內層的高度）。

哪種方法是最好的？我認為應該具體情況具體分析，環境不同方法不同，大家應該靈活運用。