水平对齐输入字段

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;
}