Html 对齐div内的窗体和按钮

我尝试添加

容器

和/或

行

div类，还尝试为所有类添加左位置。如何在没有

css

或最小

css

更改的情况下对齐这些元素

   <div class="container">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
        <button class="btn btn-danger" type="button">Stop - X</button>
      </span>
      <input type="text" class="form-control">
      <form method="post" action="/controller/new" class="button_to">
          <input value="New" type="submit" />
      </form>
  </div>

走！
停止-X

---

我希望[Go][Stop][Submit]在同一行。演示链接

尝试添加此css：

form { 
    display: inline;
}

-是一个元素，因此它在自身前后断行。为了解决这个问题，您必须使它的行为像一个内联元素一样

表单{
显示：内联；
}

走！
停止-X

尝试添加这段css：

form { 
    display: inline;
}

-是一个元素，因此它在自身前后断行。为了解决这个问题，您必须使它的行为像一个内联元素一样

表单{
显示：内联；
}

走！
停止-X

您的表单设置为显示：块；将其更改为显示：内联块；它会很有魅力

表单{
显示：内联块；
}

走！
停止-X

您的表单设置为显示：块；将其更改为显示：内联块；它会很有魅力

表单{
显示：内联块；
}

走！
停止-X

将

显示：内联块添加到表单（.button\u to）：

您还可以删除带有
位置：left
的样式，因为它是不必要的。
将
显示：内联块添加到表单（.button\u to）：

您也可以删除“<代码>位置：左侧”，因为这是不必要的。
 @曲线球：完美的，您可以考虑添加完整的代码段以获得更完整的答案；曲线球：完全可以考虑为完整的答案添加一个完整的代码段；