HTML 表单按钮 CSS答案

【问题标题】：HTML Form Button CSSHTML 表单按钮 CSS
【发布时间】：2015-06-06 10:50:53
【问题描述】：

我有以下代码（表单中有其他内容但不相关）：

<fieldset>
<form> 
<div><input type="submit" value="Sign Register"></input></div> 
</form>
<FORM METHOD="LINK" ACTION="viewcurrent.php">
<INPUT TYPE="submit" VALUE="View Register"></INPUT></br>
</fieldset>
</div>

两个按钮都可以正常工作。但在网页上，它们出现在彼此下方。使这些按钮彼此相邻而不是彼此下方的正确方法是什么？

【问题讨论】：

标签： html css forms button

【解决方案1】：

正确的方法是使用display: inline-block。

【讨论】：

【解决方案2】：

这样就可以了：

form, form div {
    display:inline;
}

jsFiddle example

您需要将表单和 div 从块元素更改为内联或内联块元素。

【讨论】：