[CSS]Input標籤與圖片按鈕對齊

頁面直接擺放一個input文字框與ImageButton圖片按鈕，但是發現沒有對齊：

<input type="text" id="txtQty" />
<asp:ImageButton ID="IBtnBuy" runat="server" />

如圖所示

 

其實只要給圖片按鈕新增一個css屬性就可以：

<asp:ImageButton ID="IBtnBuy" runat="server" CssClass="btnImg" />

.btnImg{ vertical-align:middle; }

這樣就對齊了：