這些HTML表單按鈕爲什麼不顯示爲內聯？

我正在試圖讓表單按鈕在行中顯示內聯。我使用CSS來設計別人腳本的HTML輸出，所以我必須瞭解HTML中的結構。我不能把它改變成我理解的東西。請參閱下面的代碼。這些HTML表單按鈕爲什麼不顯示爲內聯？

以這種方式使用這些元素的默認樣式是什麼？我的印象是塊元素，並且是內聯的。無論我如何嘗試用CSS來設計這種風格，我都無法改變它們的位置（除非使用浮點數，在這種情況下我不想這麼做）。幫幫我！謝謝:)

<html> 
<head></head> 
<body> 

<div class="comment_buttons"> 
    <form class="button discussion__edit" method="get" action="/doku.php#discussion__comment_form"> 
     <div class="no"> 
     <input type="hidden" name="id" value="start" /> 
     <input type="hidden" name="do" value="show" /> 
     <input type="hidden" name="comment" value="edit" /> 
     <input type="hidden" name="cid" value="f871dd5933621b4fe9070bab542ff3ea" /> 
     <input type="submit" value="Edit" class="button" title="Edit" /> 
     </div> 
    </form> 
      <form class="button discussion__toogle" method="get" action="/doku.php"> 
     <div class="no"> 
     <input type="hidden" name="id" value="start" /> 
     <input type="hidden" name="do" value="show" /> 
     <input type="hidden" name="comment" value="toogle" /> 
     <input type="hidden" name="cid" value="f871dd5933621b4fe9070bab542ff3ea" /> 
     <input type="submit" value="Hide" class="button" title="Hide" /> 
     </div> 
    </form> 
      <form class="button discussion__delete" method="get" action="/doku.php"> 
     <div class="no"> 
     <input type="hidden" name="id" value="start" /> 
     <input type="hidden" name="do" value="show" /> 
     <input type="hidden" name="comment" value="delete" /> 
     <input type="hidden" name="cid" value="f871dd5933621b4fe9070bab542ff3ea" /> 
     <input type="submit" value="Delete" class="button" title="Delete" /> 
     </div> 
    </form> 
      </div> 
</body> 
</html>

來源

2013-07-13 Ryan Schram