Question

我一直在努力解决这个问题。我尝试过各种各样的东西，并尝试过多次重写整个代码。

HTML：

  <header>
    <nav>
    <h1> Welcome</h1>    
    <ul>
    <li>Home</li>
    <li>Work</li>
    <li>About</li>
    <li>Contact</li>
        </ul></nav>
    </header>

CSS：

header nav {
    border: 2px solid green;

 width: 100%;
 position: fixed;
 font-size: 1.3em;
 color: red;
 z-index: 10;

}

header nav ul {
 list-style: none;
 width: 90%;
 margin:0 auto;

}

header nav ul li {
 display: inline;
 width: 100%;
 margin: 0 auto;
}

我正在尝试将li和h1置于nav范围内，但我似乎只能缩进。

所以这里也是一个小提琴。

http://jsfiddle.net/Ex3sh/

Answer 1

为标题

应用text-align:center;

检查此JSFiddle

旁注：<nav>用于表示带有导航元素的部分，对我而言<h1>看起来不属于那里......您可能想将其移出将nav放在<nav>

上方的标题中

居中全宽固定导航头

1 个答案: