CSS的幫助，我需要浮動兩個文本區旁邊4個輸入

Question

這是加價我有，通過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> 

，這是我目前的CSS，

.page-id-214 input{ 
    margin:0px 0px 10px 0px; 
    width:231px; 
    border:1px solid #aaaaaa; 
    float:left; 
    clear:left; 
} 

我想使它看起來像這樣，

目前我只能讓所有的元素坐在上面互相

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

Answer 1

的嘗試把

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