header问题：a中加上img后文字无法对齐

问题：header中导航中有 首页 游戏 视频。。。。 a标签中加上img文字无法对齐。

解决方法：

<ul class="headerNav">
<li><a href="#" class="home">首页</a></li>
<li><a href="#" class="video">视频</a></li>
<li><a href="#" class="found">发现</a></li>
<li><a href="#" class="game">游戏</a></li>
<li><a href="#" class="me">黎泰院小绅士m..</a></li>
</ul>

a{
display: inline-block;
padding-left: 26px; //留padding-left给img
}

.home{
background: url(../img/home.jpg) left center no-repeat;
}
.video{
background: url(../img/video.jpg) left center no-repeat;
}
.found{
background: url(../img/found.jpg) left center no-repeat;
}
.game{
background: url(../img/game.jpg) left center no-repeat;
}
.me{
background: url(../img/me.jpg) left center no-repeat;
}

padding-left:26px;