Поля для выравнивания по горизонтали

Question

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

Вот мой код:

<form name="prodSearch" action="/products/index.cfm" method="post"> 
     <input type="text" name="prodKeyword" maxlength="50"> 
     <input type="image" name="submit" src="/_css/images/but-ok-small.png"> 
</form> 

Вы можете просматривать сайт в (форме в заголовке): http://d620923.u161.fasthit.net/

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

Любые предложения с благодарностью !!!

Answer 1

добавить это к вашему стилю.

#productSearch form input { 
    vertical-align: middle; 
} 

Answer 2

для TextField:

float: left; 

для кнопки:

margin-top: 2px; 
float: right;