如何将按钮连接到输入

Question

如何让按钮连接到输入，有一个尴尬的差距，我不知道如何解决。

  #ask {

        padding: 10px  10px 10px 6px;
        font-size:45px;
        background-color:#FAFAFA;
        min-width: 400px;
        padding: 0 auto;
        border-radius: 5px;

  }

#button {
      text-align:center;

      }

 </style>


   <input id="ask" type="text" placeholder = "Ex: how tall is the gateway arch" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Ex: how tall is the gateway arch'"/>
   <input type="image" src="qmb.png" name="saveForm" class="btTxt submit" id="button" height="50.5px" padding = "0px"/>

Answer 1

使用CSS float：left来获取输入＆amp;图像并排。

input, img {
    float:left;
}

请检查这个小提琴：http://jsfiddle.net/hnj604pr/

Answer 2

将输入标签包装在这样的div中：

<div>
    <input....>
    <input....>
</div>

这样浏览器会为您调整它们。

您也可以考虑更改第二个输入标记以使用按钮或提交标记。