Как изменить положение управления кнопкой?

Question

Я должен контролировать текстовое поле и кнопку.

<input type="text" size="25" style="height: 25px;" align-self="center" /> 
<input type="image" alt="Search" width="25px" height="25px" /> 

Как изменить положение кнопки вверх или текстовое поле вниз, чтобы они выглядели одинаково. Я пробовал с запасом, а также отступом, но он не работает.

Смотреть это изображение:

Answer 1

Использование vertical-align:middle так:

<input type="text" size="25" style="height: 25px; vertical-align:middle;" align-self="center"/> 
<input type="image" alt="Search" width="25px" height="25px" style="vertical-align:middle;" /> 

DEMO (jsfiddle)