如何更改按钮控制位置?

时间:2014-01-25 10:45:56

标签: html

我必须控制文本框和按钮。

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

如何更改按钮位置或文本框,使它们看起来相同。我已尝试使用margin和padding,但它不起作用。

看到这个图像:
my image

1 个答案:

答案 0 :(得分:2)

像这样使用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)