Styling The Facebook Login Button Next To Other Login Links

I am trying to add the Facebook login button to my header, but for some reason it appears way left and to the bottom of other links :) I am testing this out on this test page: http

Solution 1:

Why dont you put it all in the same div?

<div class="site_login">
  <div class="facebook" >
   <fb:login-button show-faces="false" perms="user_about_me,email,user_location" autologoutlink="true" width="200" max-rows="1"> 
</fb:login-button> 
   </div>
   <div class="mylogin">
      <a class="login_link" id="login" href="/auth/log_in.php">Log in</a> |
      <a href="/auth/create_profile.php">Sign up</a> |
      <a href="/auth/forgot_password.php">Forgot Password</a> 
   </div>
</div> 

now you can style using :

.facebook {
  ...
}

.mylogin {
  ...
}