Html 将文本输入和提交按钮设置为内联样式

我想问你一个提示，如何设置我的文本输入和提交按钮的样式，特别是-我的模式看起来：

和现实

在代码中，我有：

<form accept-charset="UTF-8" action="/home/index" method="post">
  <div style="margin:0;padding:0;display:inline">
    <input name="utf8" type="hidden" value="&#x2713;" />
  </div> 
  <input class="search" data-autocomplete="/home/autocomplete_produkties_nazev" id="name" name="nazev" type="text" value="" /> 
  <input src="/images/search_btn.jpg?1308243954" type="image" /> 
</form> 

我正在试图得到和如何修复，提交按钮总是高于文本输入按钮。。。我不知道，哪里会有问题。。。可以有人给我一些提示或提示，如何在同一行上放置文本输入和提交按钮

---

谢谢

您可以尝试向左浮动搜索输入，向右浮动提交按钮：

将所有输入放入div中，然后给它一个宽度。您使用float:left进行输入谢谢，它可以工作！尝试验证，然后再要求样式！我不确定我是否正确理解您，但我相信您正在寻找的是显示：内联块；可以将它们添加到这两个元素中，并将它们按照写入HTML文件的顺序放在同一行上。

input.search {
    padding: 6px;
    width: 500px;
    font-size: 15px;

    border: 2px solid #cfcfcf;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    background-image: url('/images/xxx.png');
    background-repeat: repeat-x;
    height: 61px;
}