How can I center my Adsense Ad?

The easiest way would probably be to wrap your ad code in a div:

<div id="googleAd">...google ad code...</div>

then add:

#googleAd { text-align: center; }

to the bottom of your theme’s style sheet (style.css).

You can use a HTML center tag…

<center><div id=”adsense”> put code here </div><center>

or include CSS code using the margin-left attribute to centre it.

<div class=”adsense”> put code here </div>

<style>

.adsense {
margin-left: 50px
}

this is the code i added in the header section, however it didn’t work.

<div class=”adsense”> <script type=”text/javascript”><!–
google_ad_client = “pub-2542975605347305”;
/* 728×90, under banner 8/4/11 */
google_ad_slot = “4287651566”;
google_ad_width = 728;
google_ad_height = 90;
//–>
</script>
<script type=”text/javascript”
src=”https://pagead2.googlesyndication.com/pagead/show_ads.js”&gt; </div>
<style>
.adsense
{?margin-left: 50px
}

The center tag is deprecated and really shouldn’t be used anymore.

margin-left will work as long as it’s set to exactly half the remaining space (which in this case would be 116px) while text-align: center, since the div will automatically fill the entire width, will work regardless.

In other words, surround your google ad code in a div with an id or class:

<div id="adsenseAd">...code...</div>
or
<div class="adsenseAd">...code...</div>

then use the id/class to center it using css:

If you use an id:
#adsenseAd { text-align: center; }
or if you use a class:
.adsenseAd { text-align: center; }

You can also use margin-left instead:

If you use an id:
#adsenseAd { margin-left: 116px; }
or if you use a class:
.adsenseAd { margin-left: 116px; }

but you will have to change that value if you ever change the overall width of your site/header/adsense ad.

The css (.adsense { text-align: center; }) should be added to the bottom of your “style.css” file in your theme. You could also add:

<style type="text/css">
    .adsense { text-align: center; }
</style>

right before the </head> tag in your theme’s “header.php” file.

Or, if you don’t want to mess with any other files, use:

<div style="text-align: center;">...your google ad code...</div>

bah…

For copy/paste purposes replacing all that ad code with:

<div style="text-align: center;">
<script type="text/javascript"><!--
google_ad_client = "pub-2542975605347305";
/* 728x90, under banner 8/4/11 */
google_ad_slot = "4287651566";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
</div>

will center it.

it worked!!! thanks so much guys! I really appreciate it.

Dear all – I have a similar problem. I want to center the google ad at my site: https://journalismhub.com but I can’t. I have followed all comments above – especially Big Bagel’s comments yet they also did not work. Any suggestions please?

For the record, I am not using amy google ad plugin (i use to not anymore). I am putting them in text in a sidebar widget.