如何将Contact Form 7插件格式对齐？

Question

我已经尝试了几个小时来找到水平显示联系表单输入字段的方法，就像在联系表单之前的模块中一样：http://zohar.mapasystem.co.il/

我们的想法是用我的联系表格7短代码替换财产搜索。

使用<table>不是一个选项，因为主题会自动更改移动浏览器的布局。

<label><span> שם מלא (חובה)</span><br>[text* text-3 30/ class:gg] </label>
<label><span> טלפון (חובה)</span><br>[text* text-648 30/ class:gg] </label>
<label><span> אימייל (חובה)</span><br>[email* email-827 30/ class:gg] </label>
<label><span> תקציב להשקעה</span><br>[text text-214 30/ class:gg] </label>
<label class="lastsub"> [submit class:gg "שלח"] </label>

我尝试使用width，float，display：inline等等<div>，但我认为我的问题是HTML5。

Answer 1

试试这个：

<div class="separate">
<label><span> שם מלא (חובה)</span></label><br>[text* text-3 30/ class:gg]
</div> 

<div class="separate">
<label><span> טלפון (חובה)</span></label><br>[text* text-648 30/ class:gg]
</div>

在CSS文件中：

.separate{float:left;}