入力フィールドを水平に整列する

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/

基本的に私はどちらかのビットを入力フィールドを微調整する必要がある、またはボタンを押してください。私はすべてを試しました..ラインの高さ、パディング、マージン、テーブルなど..しかし、それらを動かすことができません。

TextFieldに

Answer 1

は、あなたのスタイルにこれを追加します。

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

Answer 2

：ボタンの

float: left; 

：

margin-top: 2px; 
float: right;