[Leafgreen]

I am trying to get a row of mixed divs to align horizontally center on the page. I would also like to move the Google Checkout logo up a bit so it is vertically centered relative to the logos on that row. Can you help me do these things? TIA! I've tried doing a lot of things including profanity but no go. The attached screenshot is how the page looks now with this css:

Code:

.row div
{
height:75px;
float:left;
}
#AuthorizeNetSeal,#googleCheckoutLogo,#paypal
{
margin-top:25px;
}

and this html:

HTML Code:

<div class="row">

<!-- (c) 2005, 2011. Authorize.Net is a registered trademark of CyberSource Corporation --> <div class="AuthorizeNetSeal"> <script type="text/javascript" language="javascript">var ANS_customer_id="xxxxxxxx";</script> <script type="text/javascript" language="javascript" src="//verify.authorize.net/anetseal/seal.js" ></script> <a href="http://www.authorize.net/" id="AuthorizeNetText" target="_blank">Online Payment Service</a> </div>

<img src="http://www.hotscripts.com/forums/images-manual/small_cc_icon_discover.gif" >

<div><!-- Begin Official PayPal Seal --><a href="https://www.paypal.com/us/verified/pal=xxxxxxxxxxx" target="_blank"><img src="https://www.paypal.com/en_US/i/icon/verification_seal.gif" border="0"></A><!-- End Official PayPal Seal --></div>

<div id="googleCheckoutLogo"></div><script src='https://checkout.google.com/buttons/logos?merchant_id=xxxxxxxxxxxx&loc=en_US&f=png' ></script>

<span id="siteseal"><script type="text/javascript" src="https://seal.godaddy.com/getSeal?sealID=xxxxxxxx"></script></span>

<img src="http://www.hotscripts.com/forums/images-manual/100satisguar80x79.gif">
</div>

[bestwebdesigner]

Hi,
In order to center the elements in your div use text-align :center.

Code:

.row 
{
height:75px;
text-align:center;
width:auto;
}

[_matt1313]

can you post a link and the full source