左右への配置と回り込みを指定する

float: 配置位置　

配置位置　　　　left　・　right　・　none　

float プロパティは、
指定した要素を左または右に配置して、その反対側に後に続く要素を回り込ませます。
left は指定した要素を左に、right は右に配置します。none を指定すると左右への配置と
回り込みは行ないません。回り込みを指定した後にそれを解除する為には、
clear プロパティを利用します。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>CSS覚書</title>
<style type="text/css">
<!--
body {
color: #000000;
margin: 10
}
img.left {
float: left;
margin-right: 0.8em;
margin-bottom: 0.5em
}
img.right {
float: right;
margin-left: 0.8em;
margin-bottom: 0.5em
}
p {
clear: both;
line-height: 1.4
}
h1 {
text-align: center;
color: #ff6600
}
-->
</style>
</herd>
<body>
<h1>左右への配置と回り込みを指定する</h1>
<p>
<img src="http://www5b.biglobe.ne.jp/~donbey/DSCF04462.jpg" class="left" width="213" height="143" alt="">

シーズーの歴史は、<br>
その高貴な雰囲気さながらの由緒正しいものと言えるかもしれません。
中国の王宮で数百年にわたり飼育されていたペキニーズと
チベット原産のラサ・アプソのブリーディングによって誕生したシーズーは、
その風貌がライオンに似ていることから獅子狗（シー・ズー・クゥ）と呼ばれ、
宮廷では“神の使者”として神聖視され、長い間国外に出ることはありませんでした。
1930年ごろ、イギリス人の旅行者がシーズーを中国からヨーロッパに
持ち帰ったと言われていますが、
当時はラサ・アプソと同一犬種として扱われていたそうです。
その後、シーズーはアメリカに渡り、
日本に初めて紹介されたのは昭和30年代の末のことでした。
</p>
<p>
<img src="http://www5b.biglobe.ne.jp/~donbey/DSCF04462.jpg"class="right" width="213" height="143" alt="">

シーズーの歴史は、<br>
その高貴な雰囲気さながらの由緒正しいものと言えるかもしれません。
中国の王宮で数百年にわたり飼育されていたペキニーズと
チベット原産のラサ・アプソのブリーディングによって誕生したシーズーは、
その風貌がライオンに似ていることから獅子狗（シー・ズー・クゥ）と呼ばれ、
宮廷では“神の使者”として神聖視され、長い間国外に出ることはありませんでした。
1930年ごろ、イギリス人の旅行者がシーズーを中国からヨーロッパに
持ち帰ったと言われていますが、
当時はラサ・アプソと同一犬種として扱われていたそうです。
その後、シーズーはアメリカに渡り、
日本に初めて紹介されたのは昭和30年代の末のことでした。
</p>
</body>
</html>