在w3css上顯示彼此相鄰的表單和按鈕

Question

我在我的codeiniter項目中使用w3.css，我想將它們放在一起。

這裏是我的代碼：

<a type="button" class="w3-btn w3-blue w3-pull-left" href="http://localhost/cblog/posts/ikkinchi-post">Tahrirlash</a> 
<form action="http://localhost/cblog/posts/delete/2" method="post" accept-charset="utf-8"> 
    <input type="submit" value="O`chirish" class="w3-btn w3-red"> 
</formm> 

Answer 1

爲什麼你有你的鏈接類型=「按鈕」屬性？

要顯示在一行中的元素改變自己的風格：

display: inline-block; 

或者，如果你不需要填充

display:inline; 

所以它看起來像這樣

a,form{ 
    display:inline-block; 
} 

Answer 2

你可以看看W3.css的documentation，看看是否有一個類可以顯示元素內聯，也許使用爲導航欄設計的類。如果沒有，那麼您可以自己創建一個類並將其分配給您希望的元素。

.displayInline { display: inline;}