Html 将第二个输入移动到第一个输入旁边

我需要将第二个输入移到第一个输入旁边。如果可能的话，那么当我只需要更改HTML时就好了

<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
    <div style="float:right;">
        <input type="text" size="put_a_size_here" name="s" id="s" value="Otsing..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/> 
        <input type="submit" id="searchsubmit" value="Otsi" class="btn"/>
    </div>
</form>

---

谢谢你的帮助

您可以尝试在输入中放置属性“display:inline-block”。我真的不知道你为什么会有这个问题，我用的是chrome，我看到两个都有翅膀。但这取决于浏览器。我认为默认情况下输入是内联的，但可能您的浏览器会将其视为块。 我想说的是：

<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<div style="float:right;">
    <input style="display:inline-block" type="text" size="put_a_size_here" name="s" id="s" value="Otsing..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/> 
    <input style="display:inline-block" type="submit" id="searchsubmit" value="Otsi" class="btn"/>
</div>

---

它应该已经堆叠了，也许你的CSS正在破坏它

这是我的JSFIDLE，应该可以用


谢谢，但我尝试了你的代码，还是遇到了同样的问题。我正在使用Chrome；）所以我认为问题在于您有一个宽度非常小的容器（div或其他一些容器），并且不允许输入一个接一个地放置。我希望你能找到解决办法！嗯，这是威德。但是有没有办法强迫它呢？因为我真的需要这个按钮旁边的搜索栏。我尝试了你的代码，但这也不起作用。在JSFIDLE中，我的代码也工作得很好，但在wordpress中。。。noHi，我刚刚把代码放到chrome上，效果很好，我相信是你的风格打破了它。你能帮我发布你的CSS吗？很难找到这个CSS。我使用wordpress，搜索代码在theme header.php文件中。但是这个css包含了这个标题。。。我不知道它在哪里：D有style.css，但是这个文件是空的，如果你使用inspect元素，你可以突出显示css，是你的css破坏了它，直到你能提供我不能再帮你了对不起<代码>显示：内联块；高度：20px；填充：4px6px；边缘底部：10px；字体大小：14px；线高：20px；颜色：#555；边界半径：4px；垂直对齐：中间；}
。不可编辑的输入，输入，文本区域{宽度：80%；}
-这会导致问题，谢谢！你可以将此添加到答案中，我可以接受；）
<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<div style="float:right;">
    <input style="display:inline-block" type="text" size="put_a_size_here" name="s" id="s" value="Otsing..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/> 
    <input style="display:inline-block" type="submit" id="searchsubmit" value="Otsi" class="btn"/>
</div>

<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<div style="float:right;display: inline-block;">
        <input type="text" size="put_a_size_here" name="s" id="s"placeholder="Otsing..." /> 
        <input type="submit" id="searchsubmit" value="Otsi" class="btn"/>
    </div>
</form>