スタイルシートを使って画像（img）の位置を設定する方法

cssで画像の位置を設定するには、ブロック要素で下記のようにクラス（クラス名は任意です）を設定し、html の imgタグに埋め込みます。
displayは、ブロックレベル・インライン等の要素の表示形式を指定するプロパティです。
imgはそれ自身がインラインブロック要素なので、何も指定しないと画像は横に並んでいきます。block要素は縦に積み上げられる表示方法で前後に改行が入ります。

スタイルシートの書き方

スタイルシートで画像を右寄せ

img.alignright {
        display: block;
        margin: 0 0 0 auto;
}

スタイルシートで画像を左寄せ

img.alignleft {
        display: block;
        margin: 0 auto 0 0;
}

スタイルシートで画像を中央（センタリング）

img.aligncenter {
        display: block;
        margin: 0 auto;
}

imgタグにclass属性を指定する
htmlは、imgタグにクラス属性を指定して画像を表示します。

/* 右寄せ */
<img src="画像のアドレス" class="alignright" />

/* 左寄せ */
<img src="画像のアドレス" class="alignleft" />

/* 中央 */
<img src="画像のアドレス" class="aligncenter" />

 

---