对齐图像

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中。这可能是对齐图像的简单方法。