导航下拉菜单未居中答案

【问题标题】：Nav drop down menu not centered导航下拉菜单未居中
【发布时间】：2014-01-15 06:21:24
【问题描述】：

所以我完美地跟随这个视频，它展示了如何编写下拉导航，基本上只是想找到最简单和最好看的方法来编写一个。无论如何，在视频中，这些人的文字似乎与他的导航对齐，但我的却没有。

视频：https://www.youtube.com/watch?v=PN1iMaVfzfQ

HTML

下拉菜单导航

<link href="styles.css" type="text/css" rel="stylesheet"/>

<body>

    <div id="nav">
        <div id="nav-wrapper">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">Social</a></li>
            </ul>
        </div>
    </div>

</body>
</html>

CSS

body{
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    font-family: Arial;
    font-size: 18px;
}

#nav {
    background-color: #222;
}

#nav_wrapper {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

【问题讨论】：

标签： html css navigation alignment center

【解决方案1】：

您的下划线在 CSS 中应该是一个连字符。

#nav_wrapper should be #nav-wrapper.

【讨论】：

啊，不错不错，奇怪的是它的其余部分看起来和它应该的完全一样。