■ 文字の回り込み ■

下のソースを<body> 〜 </body> の間に記述してください。

通常、画像の横に文章(テキスト)は下部に1行しか書けません
それを画像と同じ高さから書けるようにする方法の紹介です。
写真や画像の説明文章を書く時に便利です。

■ サンプル ■
@
画像の右側にテキストなどを配置することが出来る
<記述例>
  <img src="***.gif" style="float:left">
 A
 画像の右側にテキストなどを配置することが出来る
 <記述例>
   <img src="***.gif" style="float:right">
B
ロシア連邦サハ共和国の、北端のユカギル村から東に離れた川の南側斜面の、永久凍土から発見された冷凍マンモスが、今回愛知万博に展示されたユカギルマンモスです。
C ロシア連邦サハ共和国の、北端のユカギル村から東に離れた川の南側斜面の、永久凍土から発見された冷凍マンモスが、今回愛知万博に展示されたユカギルマンモスです。
ユカギルマンモスと呼ばれていますが、学術的には毛長マンモス(ウーリーマンモス)という種類です。シベリアを中心として最も北の地域にいたマンモスです。
■ ソース ■
@ <IMG src="画像URL" style="float:left">

A <IMG src="画像URL" style="float:right">

B <IMG src="mammoth.jpg" style="float:left;margin-right:20px">
   <DIV style="vertical-align:bottom;border:1px solid #0080ff;width:250px;padding:5px;">ここに説明文等を記述</DIV>

C <IMG src="画像URL" style="float:left;margin: 10px 10px;">
   <IMG src="画像URL" style="float:right;margin: 10px 10px;">ここに説明文等を記述