css - 图标旁边的文本。使用 CSS 放置内联和中间的最佳方式

Question

所以我有一个图标，可以是 32px 或 48px，图标旁边有一些文本，字体大小在 14px 到 18px 之间。

这是一个 fiddle :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/