按钮有不同的排列

Question

我在html5中有两个按钮。我希望两者都显示在同一条线上，但它们会出现在不同的行中。我该怎么办。我把我的代码放在下面：

<input type="button" class="btn btn-danger" id="stop"  style="width:50%;"/>

<input type="button" class="btn btn-reset" id="reset"  style="width:50%"/>

Answer 1

在输入按钮中添加float:left;

小提琴 - http://jsfiddle.net/wWYgZ/2/

Answer 2

在两个按钮中使用width:49%。

Demo here

Answer 3

试试这个：

<input type="button" class="btn btn-danger" id="stop"  style="width:50%; display:inline-block;"/>

<input type="button" class="btn btn-reset" id="reset"  style="width:50%; display:inline-block;"/>