【Cocoon】カスタムHTMLの中央寄せ：広告・地図に使える！

Cocoonで作成しているブログ記事に使うバナー広告やGoogleマップの地図などを、カスタムHTMLに簡単なコードを加えて「中央寄せ」にする方法をご紹介します。

【Cocoon】カスタムHTMLのデフォルトは左寄り（ビフォー）

WordPressのテーマ・Cocoonは、無料なのにとても便利な機能が揃っている優れモノ。

例えばアマゾンのバナー広告や、Googleマップの地図なども、「カスタムHTML」を使えば、簡単にブログ記事に追加することができます。

でも、デフォルトのままで表示される「カスタムHTML」の内容は、左寄せ（参照例：上のGoogleマップ）。

・・・こういうのって、気にしだすと、気になるのよね（笑）。

なんとなく落ち着かないから、中央に寄せてスッキリしたいじゃない？

カスタムHTMLの中央寄せに必要となるのは、コチラ↓のコード。

<div align="center">

ここに広告コード、またはGoogleマップなどのコードを入れます

</div>

上の地図画像でおわかりいただけるように、コード追加後は、カスタムHTMLの内容が、キレイに中央に収まる形で表示されます。

これでスッキリしましたね♪