标签和输入标签宽度由css控制

时间:2014-08-28 09:11:48

标签: html css

我在这里看了一些例子并且跟着一个例子,但它并没有结束。我错过了什么?

  fieldset {
  overflow:hidden;
  width:90%
 }
 label {
   padding-left:26px;
   width:250px; 
   display:block; float:left; clear:left;
 }

 input { 
  width:200px;
  display:block; float:left;
 }

 .formFieldDiv { float:left; width:500px }


 <td style="width:70%" align="left" valign="top">   
 <form id="divorce" name="divorce" method="post" action="send_form_email.php">
     <fieldset>
        <div id="spouse1" class="formFieldDiv" >
          <label for="spouse1">Full Names + Surname Spouse 1*</label>
          <input type="text" name="spouse1" id="spouse1" maxlength="50" size="30" />                           
        </div>
        <div id="spouse2" class="formFieldDiv">
          <label for="spouse2">Full Names</label>                       
            <input  type="text" name="spouse2" id="spouse2" maxlength="50" size="30"/> 
        </div>
     </fieldset>
 </form>
 </td>
我错过了什么?我希望输入所有内容

on the actual page

3 个答案:

答案 0 :(得分:2)

 formFieldDiv is a class so use . before it in css ie- 
.formFieldDiv { float:left; width:500px } instead of
formFieldDiv { float:left; width:500px }

答案 1 :(得分:1)

添加

display:inline-block;

到您的标签

答案 2 :(得分:1)

<div id="spouse1" class="formFieldDiv" >
       <label for="spouse1">address</label>                
       <input type="text" name="spouse1" id="address" maxlength="50" size="30" />                          
     </div>>

</div>>更改为</div>

我需要查看你的send_form_email.php文件