SHERBETS|SHERBETS


ブロック要素のセンタリング

ブロック要素のセンタリングについての備忘録です。

○ ブロック要素のセンタリング

  1. 下記CSSを実装。

センタリングさせたい要素の左右のマージンをauto、幅、text-align: left;を指定し、その親要素にtext-align: center;を指定します。

○ 幅の決まっていないブロック要素のセンタリング

  1. 下記CSSを実装。

センタリングさせたい要素をインライン要素にし、その親要素にtext-align: center;を指定します。

両方のサンプルはこちら

参考にした記事はこちらこちら

にほんブログ村 ゲームブログへ



○ コメントを投稿する

▲TOP