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

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

Answer 2

這將做到這一點：

form, form div { 
    display:inline; 
} 

jsFiddle example

你需要從塊元素，內聯，或內聯塊元素改變形式和股利。