html - Single-line input fields align -


i have been searching net, haven't found solution problem.

here html code: http://jsfiddle.net/ta7vt/

<p>enter name:<br><input type='text' name='name' size='30'></p>  <p>your age:<br><input type='text' name='age' size='10'> years old</p>  <p>provide location info:<br> <input type='text' name='street' style='padding-left: 10px' size='50' placeholder='street , house number'><br> <input type='text' name='city' style='padding-left: 10px' size='30' placeholder='city or town'> <input type='text' name='zip' style='padding-left: 10px' size='11' placeholder='zip'></p> 

neither '11' nor '12' last size attribute make 2 fields' width same first input.

i've tried put field div width set 100%, 60% , 40% don't fit, well. know how can make second line have same width first one?

try using width in style opposed size

<p>enter name:<br><input type='text' name='name' size='30'></p>  <p>your age:<br><input type='text' name='age' size='10'> years old</p>  <p>provide location info:<br> <input type='text' name='street' style='padding-left: 10px; width: 315px;'placeholder='street , house number'><br> <input type='text' name='city' style='padding-left: 10px; width: 200px;' placeholder='city or town'> <input type='text' name='zip' style='padding-left: 10px; width:100px;' placeholder='zip'></p> 

Comments

Popular posts from this blog

java - activate/deactivate sonar maven plugin by profile? -

python - TypeError: can only concatenate tuple (not "float") to tuple -

java - What is the difference between String. and String.this. ? -