html - 居中导航列表并删除默认间距？

Question

我有一个居中的导航列表，但有一些我不想要的默认间距。同样在 fiddle 示例中你看不到它，但在我这边，导航列表并不是真正以相同的 css 等为中心。也许有人可以查看代码以查看它是否真的以导航列表为中心。

--> Fiddle

<header>
<nav>
    <ul>
        <li><a href="#"><span>Home</span></a></li>
        <li><a href="#"><span>Work</span></a></li>
        <li><a href="#"><span>Information</span></a></li>
    </ul>
</nav>
</header>

Answer 1

您应该删除 li 元素之间的空格。例如 jsFiddle

<ul>
    <li><a href="#"><span>Home</span></a></li><li>
    <a href="#"><span>Work</span></a></li><li>
    <a href="#"><span>Information</span></a></li>
</ul>