如何让图标与文字居中对齐显示，并去掉图标的边框？

       在编写页面的过程中，会碰到这样一个现象：

文字也图标没有居中对齐，同时，图标也会出现边框？对于这两个问题，我们先看

图标与文字的居中对齐问题，我们可以使用css中vertical-align属性，它的含义是设置元素的

垂直对齐方式。这里，我们使用居中垂直对齐:verical-align:middle;此实现方式符合w3c标准；

注意：align="absmiddle"也可以实现图片与文字的居中对齐，但是它不符合W3C标准，不建议使用。

我们来看另一个问题：图标有边框；其实设置图标的边框为0即可:border:0px;

代码改正后img的代码如下：

<img src="imgs/6.png"  style="border:0px;vertical-align:middle;"  />

效果如下图：