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;