如何水平对齐 Contact Form 7 插件表单？

Question

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

这个想法是用我的联系表 7 短代码替换 Property Search。

使用<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>

我尝试<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;}