對齊圖像

Question

我在我的HTML頁面編碼這樣的有一個形象：

<div class="nav_icons" id="github"> 
      <a href="http://github.com/kida001"><img src="imgs/github.png" alt="github" /></a> 
     </div> 

在CSS我有這樣的：

.nav_icons a img { 
    vertical-align: top; 
    padding-left: 60px; 

} 

然而不管是什麼，我把對的在垂直對齊我無法達到頂端。如果我在HTML頁面上對圖像進行align =「top」內聯CSS，它就可以工作。我如何在CSS類中做到這一點？我正在編輯的頁面目前是本地的，否則我會鏈接到它。謝謝！

Answer 1

「id」比「class」更強大。所以，你可以這樣使用它：

#github a img { 
vertical-align: top; 
padding-left: 60px; 
} 

Answer 2

你可以控制#github的維度，並把圖像作爲「背景圖像」在CSS中。這可能是對齊圖像的簡單方法。