CSS图标文字不对齐

页面排版经常遇到‘图标+文字’的需求，正常样式写下来是这样

​，

但产品要的应该是长这样

​，怎么办呢？其实很简单，加个样式看看

vertical-align: top/middle/bottom;

浏览器都支持，当然后面的值是上对齐，下对齐，还是居中就要你自己去发挥喽～