Navbar float left使内容在同一行

Question

我正在尝试设置一个示例网站，我遇到了一个问题，页眉和页脚之间的部分与标题放在同一行

删除边距和填充重置作为通配符修复此问题，但必须有另一种方法。

小提琴http://jsfiddle.net/P8QmL/

header ul {
  display: inline; }
  header ul .nav-header li {
    list-style: none;
    margin-right: 1em;
    float: left; }
  header ul a {
    text-decoration: none; }

*{ margin: 0; padding: 0; }

Answer 1

如果我理解你的问题，那么这应该可以帮助你

.nav-header li {
list-style: none; 
margin:  0 auto;
display: inline;
}

.nav-footer li{
list-style:none;
}

Working Fiddle