Two buttons on one line

[Trombones13]

On my site, I have two buttons in a sidebar block, like so:

Currently, I have the width on the Sign-up Now Button Container style property set to 50% (which also changes the original sign-up button, so I may just add a style property to make it a different button). However, I can't figure out how to put both buttons onto one line. Can that be done with some sort of classes specific to each button that will put them on the left and right (Listen should be on left; Request on right)?

Here's the relevant section of the sidebar_online_users template:

<div class="userTitle" align="center">
        <label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="inner">{xen:phrase kurt_listen}</a></label><label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="inner">{xen:phrase kurt_request}</a></label>
</div>

Any help would be appreciated; thanks!

 

[Paul B]

There are a few ways you can do it but the easiest is to use float: left

http://www.w3schools.com/cssref/playit.asp?filename=playcss_float&preval=left

 

[Trombones13]

That worked--thanks! Any idea as to why they won't sit within the template now?

(Going to bed, but I'll read it tomorrow--thanks for your help!)

 

[Paul B]

Add a min-height element to that block.

 

[Trombones13]

Perfect. Thanks a lot!