如何更改按鈕控制位置？

Question

我必須控制文本框和按鈕。

<input type="text" size="25" style="height: 25px;" align-self="center" /> 
<input type="image" alt="Search" width="25px" height="25px" /> 

如何將按鈕位置向上或文本框向下改變以使它們看起來相同。我已經嘗試了保證金以及填充，但它不起作用。

看到這個圖片：

Answer 1

使用vertical-align:middle這樣的：

<input type="text" size="25" style="height: 25px; vertical-align:middle;" align-self="center"/> 
<input type="image" alt="Search" width="25px" height="25px" style="vertical-align:middle;" /> 

DEMO (jsfiddle)