Стилизация кнопки входа в Facebook рядом с другими ссылками входа

Question

Я пытаюсь добавить кнопку входа в Facebook в свой заголовок, но по какой-то причине она появляется слева и внизу других ссылок:)

Я тестирую это на этой тестовой странице: http://www.comehike.com/test_fb_connect.php

Я пытался заставить кнопку появляться слева от ссылки входа в правом верхнем углу страницы. Как мне это сделать?

Спасибо!

Answer 1

Почему бы вам не поместить все это в один и тот же 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> 

Теперь вы можете использовать стиль:

.facebook {
  ...
}

.mylogin {
  ...
}