How to make "welcome name logout botton" in one line?

I tested that text section (welcome user name) if I only input text it will goes way beyond search botton.

my website is www.jubjod.com

I would like everything in one line. ( Welcome+name+logout button) For now, I add extra space in that block so the log out button completely show.
I tried the logout.php but I don't really know php code to work around it. I know only basic html.
I think this is the line. I checked it with firebug

<div id="ja-topnav">
<div>Welcome ballbank,</div>
<div class="logout-button">
<input id="jfbcLogoutButton" class="button" type="submit" onclick="javascript:jfbc.login.logout_button_click()" value="Logout" name="Submit">
</div>
<br>
</div>

Thank you very much

Hello,
try adding:and see if that helps, or try altering the template output as Alex suggested.

Mati

I tried #ja-topnav div{float:left;} now the whole log in name is next to the logo. I changed it to "right". the log out button is in front of welcome+name.

ballbank wrote: I tried #ja-topnav div{float:left;} now the whole log in name is next to the logo. I changed it to "right". the log out button is in front of welcome+name.

of course it'd be that way, because of the width and the order of the elements.
try this:
let us know if that helped.

Mati

Thank you very much. That does it.
Thank you. You go above and beyond to help me. Help me with a template that isn't part of jfbconnect.

ballbank wrote: Thank you very much. That does it.
Thank you. You go above and beyond to help me. Help me with a template that isn't part of jfbconnect.

Hello,
we are glad we could help.

If you like our component and support, please consider posting a rating and a review at the Joomla! Extensions Directory: Joomla Facebook Connect

Thanks,
Mati