图标与文字对齐

在网页编辑中，经常遇到图标与文字在同一行的情况，这种情况下遇到最多的问题是图标与文字不对齐的现象。纠结了一段时间之后，发现了一个不错的解决方法。特此记录一下。

---

图标：icon.png(15×15)

样式：

.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;

}

---

标签：事例文字