圖標旁邊的文字。使用CSS嵌入和嵌入的最佳方式

Question

所以我有一個圖標可以是32像素或48像素，圖標旁邊有一些文字，有些是14像素到18像素的字體大小。

這裏是一個小提琴：http://jsfiddle.net/nwHjB/

什麼是不使用保證金/填充的地方都在中間，彼此相鄰，跨瀏覽器的最佳方式？

非常感謝

Answer 1

設置你<li>的行高度符合你的形象的高度：

.panel_title li{ 
    list-style:none; 
    float:left; 
    margin-left:10px; 
    margin-top:-10px; 
    display:inline-block; 
    line-height:32px; /* To match the icon height */ 
} 

http://jsfiddle.net/AlienWebguy/nwHjB/1/

Answer 2

像這樣：

.panel_title li {line-height:32px;} 

http://jsfiddle.net/nwHjB/2/