无法创建“选择栏”

Question

我想从enter code here左右创建一个导航栏，可以显示登录，回家等选项。任何帮助都会很棒，感谢您查看我的问题。

http代码：

http://pastebin.com/Dxpii18G

css代码：

html,body { margin: 0; padding: 0; }

Answer 1

有很多方法可以做到这一点，但关键是将元素显示设置为“内联”。或者＆＃39; inline-block＆＃39;。如果您使用跨度（不推荐），则它们已经内联。据我所知，大多数人使用以下内容：

<ul>
    <li class="MenuItem">Sign In</li>
    <li class="MenuItem">Home</li>
    <li class="MenuItem">Etc.</li>
</ul>

CSS将是：

.MenuItem
{
    display: inline-block;
}

这个想法。