このDuckDuckGo検索ボックスの右側に自家製の虫めがねの画像を表示するにはどうしたらいいですか？

Question

自分の虫眼鏡画像をDuckDuckGo検索ボックスの右側に表示したいと思います。検索自体は機能していますが、画像はボックスの下に表示されます。どのように私はそれをその右側に表示させることができますか？

form input[type="text"] { 
 
    height: 16px; 
 
    width: 200px; 
 
    margin-left: 24px; 
 
    font-size: 13px; 
 
    -webkit-border-radius: 5px; 
 
    -moz-border-radius: 5px; 
 
    border-radius: 5px; 
 
    border: 1px solid #000; 
 
    vertical-align: top; 
 
    maxlength="255"; 
 
}

<form method="get" id="search" action="http://duckduckgo.com/"> 
 
    <input type="hidden" name="sites" value="foobar.com"/> 
 
    <input type="hidden" name="k8" value="#000000"/> 
 
    <input type="hidden" name="k9" value="#0000ff"/> 
 
    <input type="hidden" name="kaa" value="#880088"/> 
 
    <input type="hidden" name="kt" value="a"/> 
 
    <input type="text" name="q" maxlength="255" placeholder="&nbsp;..."/> 
 
</form> 
 
<img src="images/image.gif" height="20" width="20">

Answer 1

あなたはdisplay: inline-block;

<form method="get" id="search" action="http://duckduckgo.com/"> 
    <input type="hidden" name="sites" value="foobar.com"/> 
    <input type="hidden" name="k8" value="#000000"/> 
    <input type="hidden" name="k9" value="#0000ff"/> 
    <input type="hidden" name="kaa" value="#880088"/> 
    <input type="hidden" name="kt" value="a"/> 
    <div style="display: inline-block"> 
    <input type="text" name="q" maxlength="255" placeholder="&nbsp;..."/> 
    <img src="images/image.gif" height="20" width="20"> 
    </div> 
</form>