图标旁边的文字。使用CSS放置内联和中间的最佳方法

Question

所以我有一个32px或48px的图标，图标旁边有一些文字，有点像14px到18px的字体大小。

这是一个小提琴：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/