将标签与按钮对齐

Question

用小提琴解释我需要什么更容易:http://jsfiddle.net/mZrYG/1/

如您所见,当输出屏幕完全展开时,登录按钮将放置在标签下方的行上.我试图得到它,以便复选框左对齐,按钮右对齐在同一行.我的CSS有什么问题？

为了繁荣:

<div class="row">
   <div class="span3">
      <form class="signin" method="POST">
         <input type="text" placeholder="Username" name="username" />
         <input type="password" placeholder="Password" name="password" />
         <label class="checkbox">
         <input type="checkbox" name="form[remember]" /> Remember me
         </label>
         <button class="btn btn-mini btn-primary pull-right" type="submit">Sign in</button>
      </form>
   </div>
</div>?

Answer 1

演示

嗨，现在习惯display:inline-block在你的标签中

像这样

label {
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: top;
}