<img src="○○○" align="○">

画像は通常　テキストと同じ行に配置されます。

画像の前のテキスト　　画像の後の テキスト

画像の下部とテキストのベースラインで並んでいるのがわかりますね。
画像もテキストも　1行に含まれているため　当然ですが　画像の前後の
テキストも1行になります。ちなみにテキストが複数行になる場合は　
画像の下の行に送られて表示されます。

<p>画像の前のテキスト<img src="kasa.gif">画像の後のテキスト </p>

align　の属性を追加すると　その際の画像とテキストの位置を指定することができます。

top	画像の上部とその周囲のテキストの上部が揃います
middle	画像の中央とその周囲のテキストのベースラインが揃います
bottom	画像の下部とその周囲のテキストのベースラインが揃います。

○　align top　の場合

<p>画像の前のテキスト<img src="kasa.gif" align="top">画像の後のテキスト </p>

画像前のテキスト　　画像後のテキスト

○　align middle　の場合

<p>画像の前のテキスト<img src="kasa.gif" align="middle">画像の後のテキスト </p>

画像前のテキスト　　画像後のテキスト

○　align bottom　の場合（デフォルト）

<p>画像の前のテキスト<img src="kasa.gif" align="bottom">画像の後のテキスト </p>

画像前のテキスト　　画像後のテキスト