Почему поля и кнопки на разной высоте?

Question

[maashaa]

Вот такой пример:
www.dataved.ru/2010/07/arithmetic.html#start

Вот такой код:

<p>
  Имя <input id="nField" size="2" type="text">
  Фамилия <input id="fField" size="2" type="text">
  <input onclick="start_test()" type="button" value="Разгон">
  <input onclick="end_test()" type="button" value="Загон">
</p>

Почему в Chrome input[type="text"] и input[type="button"] — на разной высоте? Можно без таблиц сделать на одинаковой?

Answer 1

[Jonh Doe]

Для input[type=«button»] поставьте vertical-align: bottom;

jsfiddle.net/dsda/z2X3Z/ пример с Вашими стилями.

Comments

[maashaa]

спасибо!

[Jonh Doe]

незачто.