在网页编辑中，经常遇到图标与文字在同一行的情况，这种情况下遇到最多的问题是图标与文字不对齐的现象。纠结了一段时间之后，发现了一个不错的解决方法。特此记录一下。
图标：icon.png(15×15)
样式：
<code>
.icon{
background:url(icon.png) center no-repeat;
background-position-x:0;
display:inline-block;
width:100px;
height:25px;
line-height:25px;
padding-left:15px;
}
</code>
标签：<span class="icon">事例文字</span>
