Css 如何将菜单与文本隔开

如何在菜单标题和正文之间留出空间？ 这也是好的做法吗

div.body
{
    width: 6.5in;
    margin:0px auto;
    text-align:left;
}

.menu ul{
    margin:0px auto;
    }
.menu li{
    width: 25%;
    text-align:center;
    display:block;
    float:left;
    }
.menu a{
    display:block;
    }

html:

---

在正文上设置顶部边距：

div.body
{
  width: 6.5in;
  margin: 10px auto 0px auto;
  text-align: left;
}

---

em可能比inches好，但没什么大不了的。为了清楚起见，我建议不要将标记名用作类或id。他的意思是不要将“body”用作类，因为它也是一个元素名，这可能会消耗CSSfyi的读者，这个解决方案将body居中，当然可以使用填充，或者根据您的需要在菜单上设置一个空白底部……或者一个不可见的/与背景边框混合的边框，在某些情况下，间距会把事情搞得一团糟。

div.body
{
  width: 6.5in;
  margin: 10px auto 0px auto;
  text-align: left;
}