Html 如何更改按钮控制位置？

我必须控制文本框和按钮

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

我如何改变按钮位置向上或向下，使它们看起来是同一条线。我试过边距和填充，但都不起作用

请参见此图：

---

使用

垂直对齐：中间

如下：

<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;" />

---

很高兴帮助你@Sam