Горизонтальное выравнивание полей ввода

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

для текстового поля:

float: left;

для кнопки:

margin-top: 2px;
float: right;