Stacking Horizontally HTML or CSS Help.

Chris Ocean

On my website i've recently added the ability for my clients to pay with paypal, and you can make custom buttons and yadda yadda yadda.

By default Smugmug stacks the html coding on top of one another vertically instead of horizontally.
Does anyone know the code be it CSS or HTML to make them be side by side rather than stacked atop one another?

Link to the page in question so you can see.
http://www.chrisocean.com/Investment/

Hikin' Mike

I can't see how to change the current display unless you can wrap each options in a separate class. As an example:

HTML Block
[html]
<div class="ocean11"> Paypal Ocean's 11 code here</div>
<div class="ocean12"> Paypal Ocean's 12 code here</div>
<div class="ocean13"> Paypal Ocean's 13 code here</div>
<div class="engagement"> Paypal Engagement code here</div>
<div class="portrait"> Paypal Portrait code here</div>
[/html]

CSS

.ocean11, ocean12, ocean13. engagement, portrait {margin:0 5px;}

This should get you close.

Allen

Chris Ocean wrote: »

On my website i've recently added the ability for my clients to pay with paypal, and you can make custom buttons and yadda yadda yadda.

By default Smugmug stacks the html coding on top of one another vertically instead of horizontally.
Does anyone know the code be it CSS or HTML to make them be side by side rather than stacked atop one another?

Link to the page in question so you can see.
http://www.chrisocean.com/Investment/

See if this works.

.sm-page-widget-5943954 form {float:left; width: 300px;}

Hikin' Mike

Allen wrote: »

See if this works.

.sm-page-widget-5943954 form {float:left; width: 300px;}

I forgot about the form. Guess I was too tired last night.

Chris Ocean

Hikin' Mike wrote: »

I forgot about the form. Guess I was too tired last night.

So would i need all the code you put in there? Or just this?
.sm-page-widget-5943954 form {float:left; width: 300px;}

Chris Ocean

nvm, this code you guys gave me for the css
.sm-page-widget-5943954 form {float:left; width: 300px;}

worked to do exactly what i wanted, thanks gentlemen!