Html 如何得到一个副标题和表格内联？

如何内联获取标题和表单

<h2 class="sub-header">Name</h2>
<form class="form-inline" role="form">
  <div class="form-group">
    <label class="sr-only" for="name">Name</label>
        <input type="input" class="form-control" id="name" placeholder="Name">
    </div>
    <button type="submit" class="btn btn-default" title="Save">
        <span class="glyphicon glyphicon-ok"></span>
    </button>
<form>

名称
名称

我希望表单位于右侧，子标题位于左侧，因此我尝试向表单类添加

pull right

，但仍然不起作用，表单始终位于子标题下

h2 , .form-inline , .form-group{
    display:inline;
}

像这样的

编辑： 只是稍微清理了一下（但请参考原始JSFIDLE）：

---

尝试使用css浮动

.Anyclass{
float:right;
}

另一种方法是css显示元素

.AnyClass{
 display:inline
 }

---

您需要在CSS中为表单_inline指定一个右浮点

.form_inline {
    float: right;
    margin-top: -XXpx;
}

页边距顶部用于设置窗体的高度