画像をページ右側に並べる方法が分からず困っています

質問

• 画像をページ右側に並べる方法が分からず困っています。どのようにすれば、文字の回りこみを維持しつつ、画像を縦に並べることができるのでしょうか？
• 画像をページ右側に並べる方法が分からず困っています。float:rightとすると、画像が右から横に並んでしまいます。画像を縦に並べる方法を教えてください。
• 画像をページ右側に並べる方法が分からず困っています。文字の回りこみを維持しつつ、画像を縦に並べる方法を教えてください。

回答No.4

ORUKA1951 · ベストアンサー

画像を(右、ないし左)に寄せて文章を流し込む時は、floatを使用します。
ただし、そのようにデザインするためにマークアップするのではなく、あくまで文書構造に従ってマークアップし、スタイルシートで外見を調整するという根本は忘れてはなりません。
14.1 スタイルシートの概説 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )

たとえば、
<div class="BodyText"><!-- 本文 -->
　<h2>見出し</h2>
　<p class="Fig Sub"><img><br>画像の説明</p>
　<p>記事</p>
　<p>記事</p>
　<h2>見出し</h2>
　<p class="Fig Sub"><img><br>画像の説明</p>
　<p>記事</p>
　<p>記事</p>
　<p class="Fig Main"><img></p>
</div>

　とマークアップしたうえで、スタイルシートで
div.BodyText{
　padding-left: 240px;
}
p.Sub{ width:240px; float:right;}
　などとデザインしたりします。

お礼

回答ありがとうございます。