HTML 表单按钮 CSS

Question

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

<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>

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

Answer 1

这样做就可以了：

form, form div {
    display:inline;
}

jsFiddle example

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

Answer 2

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

HTML 表单按钮 CSS

HTML Form Button CSS

html

css

forms

button