Web制作するときに、ふと「画像を中央に配置したいのにできない」と困ったことはありませんか？
実は画像や画像を囲んでいる要素が「インライン要素」なのか「ブロック要素」なのかで、適切な中央寄せの方法が変わってきます。
この記事では、CSSで画像を中央に配置する3つの基本パターン（text-align / margin / flexbox）を、実際のコードを元にそれぞれのメリット・注意点とともにわかりやすく解説します。