Align label with button

Question

It's easier to explain what I need with a fiddle: http://jsfiddle.net/mZrYG/1/

As you can see, when the output screen is fully extended, the sign in button is placed on the line under the label. I'm trying to get it so that the checkbox is left aligned and the button is right aligned on the same line. What's wrong with my css?

For prosperity:

<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

Demo

Hi now used to display:inline-block in your label

as like this

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