带图标的内联链接的CSS方法？

Question

我希望有一个水平行的3个链接使用相同的CSS样式，但每个链接左侧需要一个小图标，例如|家|关于|联系......其中|代表图标。

我可以使用

来结束

.nav a {
    padding-left:8px;
    line-height:17px;
    background-image:url(/admin/img/icon.gif);
    background-repeat:no-repeat;
    font-size:11px;
    height:17px;
    vertical-align:middle;
    display:block;
}

但这仅适用于一个链接，我必须显示为“块”，我需要相同的效果，文本垂直对齐图标，但保持链接为内联元素，所以不同的宽度不是问题

Answer 1

尝试使用display:inline-block;代替block。