html - テキストボックスの横に画像を配置する

Question

テキスト ボックスの横に画像を配置するのに苦労しています。パディングとマージンを設定する以外に簡単な方法があるかどうか疑問に思っていました。これらの対策はブラウザごとに異なる可能性があるためです。私はフィドルを作りましたhttp://jsfiddle.net/wD5T9/

<div id='searchWrapper'>
<input id='searchBox' style='width:250px; border:1px solid #cccccc; border-radius:7px 7px 7px 7px; padding:5px 28px 5px 10px; margin-top:14px; margin-left:50px;height:18px;' type='text' placeholder='Search'/><img src='http://www.q-park.ie/Portals/8/images/search-icon.png'/>
</div>

Answer 1

CSSに追加するだけです：

#searchWrapper img {
    vertical-align: middle;
}