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?

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

now you can style using :

.facebook {
  ...
}

.mylogin {
  ...
}