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

Question

我有两个按钮和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> 

我怎样才能获得两个按钮并排显示的一面呢？

Answer 1

放入一个<ul>元件的按钮和每个按钮的<li>元件与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>