Html 我怎样才能让两个按钮显示成一行？

我有两个按钮

Update

和

Cancel

，我想并排显示

但是，这两个按钮之间有一个断点（见附图）

以下是HTML代码：

<div class="form_block span2">
    <br>
    <input class="btn btn-primary" type="submit" value="Update" style="display:inline;"/> 
    <a class="btn btn-danger" style="display:inline;" href="{% url profile_detail profile.user.username %}">Cancel</a>
</div>

---

如何使这两个按钮并排显示？

将按钮放在

元素中，并将每个按钮放在
元素中，使用
style=“display:inline”

示例代码：

<style>
ul
{
list-style-type:none;
margin:0;
padding:0;
}
li
{
display:inline;
 }
 </style>

 <div class="form_block span2"><br>
    <ul>
      <li><input class="btn btn-primary" type="submit" value="Update" /></li>
      <li><a class="btn btn-danger" href="{% url profile_detail profile.user.username %}">Cancel</a></li>
    </ul>
 </div>


保险商实验室
{
列表样式类型：无；
保证金：0；
填充：0；
}
锂
{
显示：内联；
}






在代码的当前状态下，它们必须并排出现。。也许您的containing
div
真的很窄？因为您没有包含CSS，所以很难说。你为什么不做一个jsFiddle呢？谢谢@ZoltanToth这就是问题所在如果你的回答正确，我会接受的。可能对其他人有帮助？