How do I align these buttons in one line?

[TheBigK]

I'm trying to add a custom welcome message on all the pages of my website and wish to make the 'Facebook Login Button in - line with the big red "Login / Signup" button. Here's how it looks -

http://www.crazyengineers.com/community/forums/computer-science-it-networking.42/

I want the 'Login with Facebook' button to step-up and display it on the right-side of the 'Login / Signup' button. I'm almost giving up on CSS

 

[TheBigK]

I'm using the default code for the buttons; the main issue is to display the button in-line with the big red button.

 

[MagnusB]

You wrapt the sign in / up button in a div, add a float: left to that. Then you need a clearfix after that, you can use the helper where you have the css for welcomemessage:

{xen:helper clearfix, '.welcomemessage'}

Then you need to position the buttons after this, I think if you add a div container to both buttons, it should be easier.