How to center these two elements?

[solidcodes]

Hi guys,

I’m trying to center an image “Spring Sale”, and Paypal Button.
But I had no luck.
Can someone help me please.

Thanks in advance.

[solidcodes]

here is the link
http://www.callatradey.com.au/tradesman-signup

[coothead]

Hi there solidcodes,

remove the <br> from here…

[code]

[/code] Add this to an appropriate stylesheet... [code] .map-box2{ text-align:center; } .springsale{ vertical-align:middle; } #product{ display:inline-block; padding-left:40px; /* adjust value to suit */ }[/code]

coothead

[solidcodes]

@coothead

.map-box2{
text-align:center;
}
.springsale{
vertical-align:middle;
}
#product{
display:inline-block;
padding-left:40px; /* adjust value to suit */
}

Hi I already applied the CSS
But still not centered properly.
thanks in advance.

[coothead]

@solidcodes

Hi I already applied the CSS.
But still not centered properly.

But you appear to have ignored instruction #1 of post #3.

[quote=“coothead, post:3, topic:202037”]
remove the <br> from here…[/quote]

[code]

[/code]

coothead

[solidcodes]

@coothead
thanks for trying to help me.
forgive me, <br> is now removed I believed.
can you help me please, the button went to the right side much worse now.
thanks in advance.

[ralphm]

They look centered to me. Try to be more specific about what you want.

[solidcodes]

@ralphm
thanks for guiding me.
I want the paypal button under the “SPRING SALE” poster, centered horizontally.
And the “SPRING SALE” poster centered horizontally as wel…
thanks in advance

[ralphm]

OK. You could just remove the left padding from the form and add this to your CSS:

.map-box2 .springsale {display:block; margin: 0 auto;}