Javascript 使用css水平排序按钮

根据前面的问题，我在布置一些水平按钮时遇到了一点问题。我确信这与我缺乏javascript或按钮方面的知识有关

基本上，我有一个顶部导航栏上的按钮列表，这些按钮应该是内联的，但似乎是堆叠的

每个按钮简单地将一个框架带到不同的页面（是的，我知道框架是邪恶的，但是这个项目需要呈现外部页面，它适合这个目的）

无论如何。下面是当链接只是链接而不是按钮时的样子

这是被窃听的版本：

这些按钮链接的代码如下所示：

HTML

---

潜在的解决方案是将按钮从javascript更改为某种JQuery UI，但它们只是简单的链接。也许我的css中缺少了什么？

要使任何li水平，必须将其浮动。你必须修改链接

.links li{
 padding: 0 5px;
 float: left;
}

---

请检查解决方案

表单

是块级元素，因此每个表单元素都显示在自己的一行上。如果一个窗体有两个或多个按钮，则这些按钮将按预期显示为内联。尝试：

form {
display: inline;
}

---

或者您可以将

li

显示为内联块元素，如

My Error。我认为如果包含表单的li是内联的，那么它将被继承。我想不是。

.links li{
 padding: 0 5px;
 float: left;
}

form {
display: inline;
}