在CSS样式表中对齐图像

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;

}

然而，无论我为垂直对齐放置什么，我都无法将其置于顶端。如果我做对齐=＆＃34;顶部＆＃34;它工作的HTML页面上的图像的内联CSS。我怎么能在CSS类中这样做？我正在编辑的页面当前是本地的，否则我将链接到该页面。谢谢！

Answer 1

＆＃34; ID＆＃34;比＃34; class＆＃34;更强大。所以，你可以像这样使用它：

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

Answer 2

您可以控制#github的维度，并将图像作为“背景图像”放在CSS中。这可能是对齐图像的简单方法。