图标和标题，不同元素保证同一水平线

<img src="images/vip.jpg" alt="">
<a href="#">会员管理</a>

我以往的图标和标题的写法，都是这样的，但是有一个问题，图片往往和字不在一个水平线，需要给图片加样式代码来调整他的位置，挺难调整的。

今天思考了下，发现可以这样，把图标写在<a></a>里面，这样的话，他们就不是两个元素，就不存在位置不一样的情况了。

 <a href="#" class="vip">会员管理</a>

.vip a{
    background-image: url("vip.jpg") left center;
}

其他的情况，两个元素水平方向不在一个水平线，都可以按照这种方式去做。