本文の左右に画像を挿入する。
本文中の画像を挿入したい位置にカーソルを合わせる。
画像を左右に配置する場合、横に表示したい文章の行頭にカーソルを合わせる。
ここでは、１行目の文章の行頭にカーソルを合わせて「画像を追加」ボタンをクリックしました。
しかし、このままでは画像の横に文章が表示されないので、スタイルシートで配置を指定します。
p.postinfo {
color: #2b76cc;
text-align: right;
margin: 20px 0 0;
clear: both
}
/* 記事内の画像 */
.alignleft {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
画像の横には文章だけを表示するため投稿日のところで回りこみを解除する。
そこで、投稿日をマークアップした<p class="postinfo">にたいして「clear: both」を指定する。
コメントフィード
トラックバックURL： http://kozackman.sakura.ne.jp/wordpress/wp-trackback.php?p=119