ruby-on-rails - 在同一行上显示输入文本和提交按钮

我需要将输入文本字段和汇总按钮放在同一行上。我尝试了很多事情，但没有任何效果。

表格：

<%= form_tag("/recherche", :method => "get") do %>
  <%= search_field_tag :recherche, params[:recherche] %>
  <%= submit_tag "Recherche", :name => nil, :id => "submit"%>
<% end %>

产生：

<form accept-charset="UTF-8" action="/recherche" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
  <input id="recherche" name="recherche" type="search" />
  <input id="submit" type="submit" value="Recherche" />
</form>

我不知道要使用什么CSS ...我尝试了float，display等。

仅供参考，表格包装在<li>中。

最佳答案

在注释中，添加您正在使用jQuery Mobile。这似乎是问题的原因，因此显而易见的解决方案是停止使用它。但是，如果由于某种原因需要它，请查看它如何影响表单字段的宽度。 input元素的宽度是多少？您可能需要将其设置为较小，例如

<style>
#recherche { width: 15em; }
</style>