在不使用表格的情況下在textbos旁邊設置標籤HTML \ CSS

Question

我正在爲我的個人使用製作一個網站。我需要一些助手來設置如何在不使用表格的情況下在標籤旁邊設置文本框。他們在自己的分工標籤

<div id="outter"> 

     <div class="1"> 
     Fill out and submit the form below and we will contact you a.s.a.p. 
     </div> 

     <div class="2"> 
     <label> Name: </label> 
     </div> 
      <div class="2"> 
     <input name="name" type="text" class="3" > 
     </div> 
</div> 

試圖讓這個：

[input box 1] label 1 
[input box 2] label 2 

這裏是鏈接更好的細節

http://homework.genesee.edu/~dmead1/forms/table.html

Answer 1

方案非常簡單你的問題

HTML

<fieldset class="login">  
<legend>Fill out and submit the form below and we will contact you a.s.a.p. </legend> 

<div><label for="name">Name</label> <input type="text" id="name" name="name"></div> 

</fieldset> 

CSS

fieldset div { 
    margin:0.3em 0; 
    clear:both; 
} 

檢查Fiddle