ホームページを作成していると、画像を中央に寄せたいと思うことがよくあります。 意外とブロック要素で括ってtext-align属性で中央寄せをしている方も多いようですので、今回は簡単に画像を中央寄せ(左寄せ・右寄せ)する方法を紹介します。 text-align属性で中央寄せ まず先に紹介した「text-align属性で中央寄せ」ですが、例えば以下のようなhtmlの場合があります。 <div> <p><img src="画像のパス" alt="画像の代替文" /></p> <p>サンプルテキスト。サンプルテキスト</p> </div> このとき、CSSは以下のようになりますね div p{ text-align:center; } しかし、これだと、画像の下の<p>サンプルテキスト。サンプルテキスト</p>まで中央によってしまいます。これを避けるには、img要素を括っているp要素にid/cla