Css 两个按钮并排

我试图使两个超链接按钮并排运行。我看到了，但无法使答案起作用。下面是我两次尝试使按钮并排运行。第一次尝试有效，但超链接到错误的位置。第二个超链接正确，但不是并排的。第三个是基于的，没有链接到任何地方，但我认为这与使用链接而不是

Javascript:submitRequests（）

有关

.集装箱{
溢出：隐藏；
}
钮扣{
浮动：左；
}
按钮：第一个孩子{
右边距：5px；
}
尝试1
尝试2
尝试3
浆糊2
colSplit文本

按钮将自动并排排列，因为默认情况下（我认为）它们是
显示：内联块。我要删除
float:left
，因为它在嵌套时可能会导致一些问题

永远不要嵌套表单。这会导致一些非常糟糕的事情

但是，如果您想要两个表单并排，可以通过向它们添加
display:inline
来实现。下面是一个小演示：

onclick
属性应该没有任何区别。
如果您只需要普通链接就可以工作，只需使用链接并将其样式设置为按钮（另请参见）：


.按钮{
外观：按钮；
-moz外观：按钮；
-webkit外观：按钮；
文字装饰：无；
字体：菜单；
颜色：ButtonText；
显示：内联块；
填充：2px8px；
}
文本

您也可以执行
，但这是一个错误。FWIW，Firefox似乎确实正确地呈现了它。
我刚刚尝试在尝试2中添加css。这个怎么样：

HTML:

<form action="http://trinker.github.io/qdap_dev/paste2.html" target="_blank">
    <input type="submit" value="paste2"/></form>
<form action="http://trinker.github.io/qdap_dev/colSplit.html" target="_blank">
    <input type="submit" value="colSplit"/>
    </form>

form{
    float:left;
}

演示：

注意：将类添加到具有此按钮的窗体中。否则css可能会影响网站中的其他表单元素。
使用常规按钮并将其显示属性设置为内联或内联块对我来说很有用。
js小提琴会更好。您是否需要发布表单值，或者只是链接到页面？我需要链接到页面这正是我想要的。你能把链接的样式扩展成按钮吗？谢谢比尔，我是个新手。我更喜欢超链接功能的按钮。明白了！很高兴你把问题解决了。
<form action="http://trinker.github.io/qdap_dev/paste2.html" target="_blank">
    <input type="submit" value="paste2"/></form>
<form action="http://trinker.github.io/qdap_dev/colSplit.html" target="_blank">
    <input type="submit" value="colSplit"/>
    </form>

form{
    float:left;
}