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
Post a Comment