html - spacing between form fields -


i have html form element:

<form action="doit" id="doit" method="post"> name <br/> <input id="name" name="name" type="text" /> <br/> phone number <br/> <input id="phone" name="phone" type="text" /> <br/> year <br/> <input id="year" name="year" type="text" /> <br/> </form> 

i there little more space between fields, example, between lines

<input id="name" name="name" type="text" /> <br/> , phone number <br/>,

and between

<input id="phone" name="phone" type="text" /> <br/> , year <br/>.

how can it?

i wrap rows in labels

<form action="doit" id="doit" method="post">     <label>         name         <input id="name" name="name" type="text" />     </label>     <label>         phone number         <input id="phone" name="phone" type="text" />     </label>     <label>         year         <input id="year" name="year" type="text" />     </label> </form> 

and use

label, input {     display: block; }  label {     margin-bottom: 20px; } 

don't use brs spacing!

demo: http://jsfiddle.net/d8w2q/


Comments

Popular posts from this blog

Perl - how to grep a block of text from a file -

delphi - How to remove all the grips on a coolbar if I have several coolbands? -

javascript - Animating array of divs; only the final element is modified -