Html 如何使表单子项内联

表单元素在默认情况下似乎是块元素

JSFIDLE

在表单元素中使用输入文本框和按钮时，按钮将移动到下一行：

注册

当我删除表单标记时，这些输入和按钮元素将正确地内联显示。有什么不对劲吗

我尝试了

display:inline

css，但没有效果。 尝试添加 Style=“float:左” 要搜索和按钮，是否在表单控件和按钮周围使用“输入组”？

注册

请您停止在问题中随机插入>标记，好吗？您应该只使用它们引用非您自己的文本，但如果您无法区分引用和您自己的文字，请根本不要使用该格式。从该代码块生成的HTML是什么？您已删除表单元素包装，这是问题的基础。

<form action="/" method="post"><input class="form-control" id="Email" name="Email" placeholder="Your email address" type="text" value="">        <span class="input-group-btn">
            <button class="btn btn-success">Sign up!</button>
  </span></form>

<form>
    <div class="input-group">
      <input type="email" class="form-control" placeholder="Your email address"/>
      <span class="input-group-btn">
        <button class="btn btn-success">Sign up!</button>                                    
      </span>
    </div>
</form>