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

Question

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

我的想法是用我的 Contact Form 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>宽度、 float 、显示:内联等等，但我认为我的问题出在 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;}