水平对齐输入字段

Question

我正在尝试获取一个输入字段，并且它在相同的水平线上关联了提交按钮，但证明是一个挑战。

这是我的代码：

<form name="prodSearch" action="/products/index.cfm" method="post">
        <input type="text" name="prodKeyword" maxlength="50">
        <input type="image" name="submit" src="/_css/images/but-ok-small.png">
</form>

您可以在（表单位于标题中）查看网站：http://d620923.u161.fasthit.net/

基本上我要么稍微调整输入字段，要么按下按钮。我已经尝试了所有的东西......行高，填充，边距，表等等。但是不能让它们让步。

任何建议都非常感谢!!!

Answer 1

将此添加到您的风格中。

#productSearch form input {
    vertical-align: middle;
}

Answer 2

for textfield：

float: left;

按钮：

margin-top: 2px;
float: right;