在網(wǎng)頁編輯中鸠澈，經(jīng)常遇到圖標(biāo)與文字在同一行的情況膊夹，這種情況下遇到最多的問題是圖標(biāo)與文字不對(duì)齊的現(xiàn)象。糾結(jié)了一段時(shí)間之后昔脯，發(fā)現(xiàn)了一個(gè)不錯(cuò)的解決方法啄糙。特此記錄一下。
圖標(biāo)：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>
標(biāo)簽：<span class="icon">事例文字</span>
