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;