Html 如何在DuckDuckGo搜索框右侧显示自制放大镜图像？

我想在DuckDuckGo搜索框的右侧显示我自己的放大镜图像。搜索本身正在工作，但图像显示在框的下方。如何使其显示在右侧？我的代码如下：

表单输入[type=“text”]{
高度：16px；
宽度：200px；
左边距：24px；
字体大小：13px；
-webkit边界半径：5px；
-moz边界半径：5px；
边界半径：5px；
边框：1px实心#000；
垂直对齐：顶部；
maxlength=“255”；
}

---

您需要将搜索框和图像插入带有

显示：内联块的div中

<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>

您需要将搜索框和图像插入带有
显示：内联块的div中

<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>


#搜索{display:inline；}
？
#搜索{display:inline；}
？