CSSで上下・左右に中央寄せする方法、全部まとめ | WWWクリエイターズ

HTMLとCSSで、テキストや画像を縦方向（上下方向）に中央寄せ（センタリング）したい事があります。 この課題は簡単そうに見えて、意外と厄介です。実際のところ、実現方法にはいくつかの選択肢がありますが、いずれも、HTML、CSSの初学者にとってはちょっとだけトリッキーです。さっそく見ていきます。 【はじめに】HTML とCSS に関する基礎知識 CSSでの中央寄せ方法を考える上で、まず最初に知っておかなければいけないのは、HTML要素における「インライン」と「ブロック」の考え方です。 HTMLでは、テキスト（文字列）のような、文書に流れ込むように配置される要素は「インラインレベル」の要素と呼ばれます。これらは、要素の横幅を満たすように配置される「ブロックレベル」の要素と区別されます。 デフォルトでインラインレベルの要素なのは、例えば、<a>タグや<span>タグです。逆にブロックレベルなの