Wordpress搜索按钮垂直对齐而非水平

Question

我正试图让搜索表单英雄看起来像这样：

https://revolution.themepunch.com/wordpress-search-form-hero/

但搜索按钮总是在输入字段下面，如下所示：

http://cheeky.travel/landing-2/

我的直觉是这与垂直对齐有关，但不确定。这是HTML:

<form role="search" method="get" id="searchform" class="revtp-searchform"        action="https://cheeky.travel"><input type="text" value="" name="s" id="s" placeholder="What are you looking for?" /><input type="hidden" value="product" name="post_type" /><input type="submit" id="searchsubmit" value="Search" ></form>

有什么想法吗？我试过使用跨度和行，但没有任何变化。谢谢

Answer 1

您必须将float:left添加到输入字段中。