我试图让搜索表单英雄看起来像这样:
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>
有什么想法吗?我尝试过使用span和row而没有任何变化。谢谢!
答案 0 :(得分:1)
您必须将float:left
添加到输入字段。