本文の左右に画像を挿入する-Part.2
今度は、右に画像を挿入してみる。
画像の設定画面で、配置を右にしても、CSSで配置を設定しないと右には配置されない。
これは、CSSの設定を初期化したためで、defaultのTwenty-Elevenなどのテーマだと、
問題なく表示されると思われる。
クラス名が「alignright」の画像に対してfloatプロパティを「right」と指定する。
これで画像が右側に配置され、左側に後続のコンテンツが回りこんで表示される。
また、margin-leftとmargin-bottomに10pxの余白を挿入し、画像と文章の間隔を調整する。
/* 記事内の画像 */
… 略 …
.alignright {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
コメントフィード
トラックバックURL： http://kozackman.sakura.ne.jp/wordpress/wp-trackback.php?p=133