Three PayPal Buttons won't display side-by-side in Wordpress page

I have a site running on Wordpress.

I'm trying to get three Paypal buttons to display side-by-side in the main content of the page (I want them to go down the page in the sidebar as they currently do).

But they won't display side-by-side in the body of the page, no matter if I put them in a table (Wordpress ends up deleting this) or remove the spaces in-between.

You can see the page here:
http://musicofmassage.com/become-a-member

In my Wordpress page code, I've posted this:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input name="cmd" type="hidden" value="_s-xclick" />
<input name="hosted_button_id" type="hidden" value="U3T9EHEH4CWF8" />
<input alt="Best Massage Music - Monthly Bronze level" name="submit" src="http://www.musicofmassage.com/images/massage-music-bronze.png" type="image" /> <img src="https://www.paypal.com/en_US/i/scr/pixel.gif" border="0" alt="" width="1" height="1" />
</form>

<form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input name="cmd" type="hidden" value="_s-xclick" />
<input name="hosted_button_id" type="hidden" value="4TCUBGVSEUFNG" />
<input alt="Best Massage Music - Monthly Silver level" name="submit" src="http://www.musicofmassage.com/images/massage-music-silver.png" type="image" /> <img src="https://www.paypal.com/en_US/i/scr/pixel.gif" border="0" alt="" width="1" height="1" />
</form>

<form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input name="cmd" type="hidden" value="_s-xclick" />
<input name="hosted_button_id" type="hidden" value="5LFVYPYJTDK9W" />
<input alt="Best Massage Music - Monthly Gold level" name="submit" src="http://www.musicofmassage.com/images/massage-music-gold.png" type="image" /> <img src="https://www.paypal.com/en_US/i/scr/pixel.gif" border="0" alt="" width="1" height="1" />
</form>

Removing the spaces between </form> and <form (start of next button)> doesn't seem to have any effect.

Any help MUCH appreciated!

Jonathan

 

Forms can not be placed side by side without additional styling - you need a layout; <div> ( don't forget to float them or you'll get the same output as shown above ) or a simple table would do the job in this case.

 

Thank-you for your quick response!

I had built a simple table, but Wordpress didn't like it and pretty much removed it all together, messing up the form code in the process.

I also tried putting <div> </div> around the forms, but that didn't have effect (as you said it wouldn't).

Can you tell me what is the exact code I should use on either side of the three forms? I'm not really a newbie to this (I know you're not referring to the root beer kind of float), but don't know what I should do to make a div float.

Thank-you very much!

 

CSS:

.paypal-form
{
	float: left;
}

HTML:

HTML:

<div class="paypal-form">
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input name="cmd" type="hidden" value="_s-xclick" />
        <input name="hosted_button_id" type="hidden" value="U3T9EHEH4CWF8" />
        <input alt="Best Massage Music - Monthly Bronze level" name="submit" src="http://www.musicofmassage.com/images/massage-music-bronze.png" type="image" /> <img src="https://www.paypal.com/en_US/i/scr/pixel.gif" border="0" alt="" width="1" height="1" />
    </form>
</div>

<div class="paypal-form">
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input name="cmd" type="hidden" value="_s-xclick" />
        <input name="hosted_button_id" type="hidden" value="4TCUBGVSEUFNG" />
        <input alt="Best Massage Music - Monthly Silver level" name="submit" src="http://www.musicofmassage.com/images/massage-music-silver.png" type="image" /> <img src="https://www.paypal.com/en_US/i/scr/pixel.gif" border="0" alt="" width="1" height="1" />
    </form>
</div>

<div class="paypal-form">
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input name="cmd" type="hidden" value="_s-xclick" />
        <input name="hosted_button_id" type="hidden" value="5LFVYPYJTDK9W" />
        <input alt="Best Massage Music - Monthly Gold level" name="submit" src="http://www.musicofmassage.com/images/massage-music-gold.png" type="image" /> <img src="https://www.paypal.com/en_US/i/scr/pixel.gif" border="0" alt="" width="1" height="1" />
    </form>
</div>

HTML:

 

Fantastic! Thank-you very much! Now I just have to get a template where I can turn off the sidebars, and all three will fit across the page.

Thanks so much for your help!

 

Wanted to give you positive feedback, but apparently I don't have sufficient permissions to do that yet? Anyway, thank-you so much for your help!