コンテンツへスキップ

画像を左右に表示する

本文に画像を表示するには、画像の配置を「左」や「右」に指定します。
スタイルシートは次のように設定します。

.alignleft {float: left;
margin-right:10px;
margin-bottom: 10px}

.alignright {float: right;
margin-left: 10px;
margin-bottom: 10px}

記事の段落の右端に余白がいりますね。ついでになおしておきます。

/*記事の段落*/
div.post {margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です