如何將按鈕連接到輸入

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可以並排輸入圖像&。

input, img { 
    float:left; 
} 

請檢查此琴：http://jsfiddle.net/hnj604pr/

Answer 2

裹輸入標籤在這樣一個div：

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

這樣的瀏覽器將調整它們。

您可能還想考慮更改第二個輸入標籤以使用按鈕或提交標籤。