Styling the Facebook login button next to other lo

Question

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://www.comehike.com/test_fb_connect.php

I was trying to get the button to appear just left of the login link on top right of the page. How can I accomplish this?

Thanks!

Answer 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 {
  ...
}