Javascript 如何在HTML中对齐搜索栏和搜索按钮？

我想对齐搜索栏旁边的搜索按钮，但我不知道怎么做

HTML:

<div id="tmsearch">
 <span class="btn-toogle active"></span>
  <form id="tmsearchbox" method="get">
    <input type="hidden" name="controller" value="search"/>
    <input type="hidden" name="orderby" value="position"/>
    <input type="hidden" name="orderway" value="desc"/>
    <input class="tm_search_query form-control" type="text" id="tm_search_query" name="search_query" placeholder="What are you shopping for today ?"/>
    </form>
    <button>Search</button>
</div>

搜寻

JSFIDDLE==>

感谢使用CSS样式的“显示：内联”

搜寻

使用CSS样式“显示：内联”

搜寻

您可以轻松地将样式

显示：内联块添加到表单元素。
像这样

<form id="tmsearchbox" method="get" style="display:inline-block">

您可以轻松地将样式
display:inlineblock
添加到表单元素中。
像这样

<form id="tmsearchbox" method="get" style="display:inline-block">

您可以在CSS中设置表单的样式：

#tmsearchbox {display:inline;}

或将样式嵌入到表单标记中：

<form id="tmsearchbox" method="get" style="display:inline;">

您可以在CSS中设置表单的样式：

#tmsearchbox {display:inline;}

或将样式嵌入到表单标记中：

<form id="tmsearchbox" method="get" style="display:inline;">