Выровнять однострочные поля ввода

Question

Я искал сеть, но я не нашел решение проблемы.

Вот HTML код: http://jsfiddle.net/tA7VT/

<p>Enter your 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 your location info:<br> 
<input type='text' name='street' style='padding-left: 10px' size='50' placeholder='Street and 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> 

Ни '11', ни '12' для последнего size атрибута сделать два поля ширина же с самого первого input.

Я попытался поместить все поле в div с шириной, установленной на 100%, но тогда 60% и 40% не подходят. Я хотел бы знать, как я могу сделать эту вторую строку одинаковой шириной с первой?

Answer 1

попробуйте использовать ширину в вашем стиле, в отличие от size

<p>Enter your 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 your location info:<br> 
<input type='text' name='street' style='padding-left: 10px; width: 315px;'placeholder='Street and 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>