Html css帮助我需要在4个输入旁边浮动两个文本区域

这是我必须处理的标记，表单是通过wordpress插件创建的，因此我无法控制HTML

<div class="wpcf7" id="wpcf7-f1-p214-o1">
<form action="/testing/contact-us/#wpcf7-f1-p214-o1" method="post" class="wpcf7-form">
    <div style="display: none;">
        <input type="hidden" name="_wpcf7" value="1" />
        <input type="hidden" name="_wpcf7_version" value="2.4.1" />
        <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1-p214-o1" />
    </div>
    <fieldset>
        <span class="wpcf7-form-control-wrap Name"><input type="text" name="Name" value="Name" class="wpcf7-text wpcf7-validates-as-required" size="40" /></span><br />
        <span class="wpcf7-form-control-wrap your-email"><input type="text" name="your-email" value="Email Address" class="wpcf7-text wpcf7-validates-as-email wpcf7-validates-as-required" size="40" /></span><br />
        <span class="wpcf7-form-control-wrap telephone"><input type="text" name="telephone" value="Telephone" class="wpcf7-text wpcf7-validates-as-required" size="40" /></span><br />
        <span class="wpcf7-form-control-wrap company"><input type="text" name="company" value="Company" class="wpcf7-text wpcf7-validates-as-required" size="40" /></span><br />
        <input type="submit" value="Send" class="wpcf7-submit" /><br />
    </fieldset>
    <fieldset>
        <span class="wpcf7-form-control-wrap town-city"><textarea name="town-city" class="wpcf7-validates-as-required" cols="40" rows="10">Atleast town/city</textarea></span><br />
    </fieldset>
    <fieldset>
        <span class="wpcf7-form-control-wrap your-enquiry"><textarea name="your-enquiry" class="wpcf7-validates-as-required" cols="40" rows="10">Enter your enquiry</textarea></span><br />
    </fieldset>
    <div class="wpcf7-response-output wpcf7-display-none"></div>
</form>

我想让它看起来像这样

目前，我只能让所有的元素相互叠加

.page-id-214 textarea {
    width:206px;
    height:109px;
    float:left;
}

试一试推杆

float:left;border:0;margin:0 5px;padding:0;width:206px;
    height:109px;

在字段集元素上，而不是在输入上。哦，让选择器如下：

正文#wpcf7-f1-p214-o1，以增加选择性并覆盖主题上设置的任何其他字段集样式：

这就是：

body #wpcf7-f1-p214-o1 {
float:left;
border:0;
margin:0 5px;
padding:0;
width:206px;
height:109px;
}

---

你在使用什么页面上的page-id-214类？我在html中没有看到它

body #wpcf7-f1-p214-o1 {
float:left;
border:0;
margin:0 5px;
padding:0;
width:206px;
height:109px;
}