一歩ずつ学ぶ

最終更新日:

googleの広告を中央に表示させるのにmargin:autoでダメな場合

googleのアドセンス広告は、普通に貼り付けると左に寄っています。 これを中央に表示させたい場合には、

[HTML]
<div>広告コード</div>

[CSS]
div {
margin: 0 auto;
}

このようにdivタグで囲って、CSSでmargin: 0 auto;を指定すればいいように思いますが、 うまくいってくれない場合があります。 その場合は、次のようにtext-align: center;と記述してみてください。 これで真ん中に表示されるはずです。

[HTML]
<div>広告コード</div>

[CSS]
div {
text-align: center;
}

↑ PAGE TOP