CSS: li > 边距答案

【问题标题】：CSS: li > a marginCSS: li > 边距
【发布时间】：2011-12-13 17:30:04
【问题描述】：

#top-menu ul.menu li {
  background: url(img/back-top-menu2.png);
  width: 70px;
  height: 37px;
  cursor: pointer;
  float: left;
  text-align: center;
}

#top-menu ul.menu li:hover {
  background: url(img/back-top-menu.png);
}

#top-menu ul.menu li a { 
  color: #fff;
  text-decoration: none; 
  list-style-type: none;
  text-align: center;
  margin-left: 20px;
  margin-top: 20px;
}

如何让margin-top生效？

【问题讨论】：

标签： css margin html-lists

【解决方案1】：

尝试使用 padding-top。

另一种方法是添加display:block，然后也给它37px的高度，然后添加line-height:37px

【讨论】：

【解决方案2】：

<a> 是一个内联元素。添加“display:block;”或“display:inline-block;”使其成为块级元素。 “margin”和“padding”等属性仅适用于块级元素。

【讨论】：