在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;}