画像の回り込みとリストの関係

質問

画像にalign=leftをつけて、回り込み可能にしています。
画像の後ろにテキストを打ち込むと、きちんと右側に表示されます。
画像の縦幅よりオーバーした文字列は、きちんと画像下部以降へ表示されます。
（関係ないですが、hspace（？）で上下余白を5px程度指定しています）

さて、私が質問したいことなんですが
そのテキストの形が、
<UL>
<LI>A</LI>
<LI>B</LI>
</UL>
というような、リストの場合、通常のテキストのように
右側に回りこむのですが、インデントがうまくいっていないように思います。
（●部分が画像の下に隠れる（FireFoxだと上に被る））

テーブルを組んで、画像と引き離すことも考えましたが
画像の縦幅を越したテキストは画像の下部に表示させたいので断念しました。
リスト形式にしないで、「・」と手打ちで作ることも考えましたが

・ああああああ（略）ああああ（自動折り返し地点）
あああああああ（略）

となってしまうことに不満があります。（原稿に忠実にしなければいけなくて…）
リストを使うことで、行頭を同じインデントにしたいのです。

分かりにくい説明ではありますが何か回避方法があれば、お教えください。
必要であれば補足もさせていただきます。
よろしくお願いいたします。

回答No.1

idhokanohi

imgに style="margin-right:20;"をつければ回避できそうです。
marginは任意に変えてください。小さすぎると隠れます。
cssで
img {margin-right:20;}等でもいいです。

お礼

自分の中でOLかLIにmarginをつけることしか
考えてなかったので、貴重な回答でした。
完璧にできたわけではないですが、ひとまず教えてくださった方法で回避してみました。ありがとうございました。

補足

早速の回答ありがとうございます。
一つ、説明不足でした。テキスト内にリスト部分とそうではない部分があるのです。
リスト部分はインデントさせたいが、その他テキストはそのままがいい！
というとても我侭な要望でして、頭をひねらせております。
しかしながら、大変貴重な回答、ありがとうございました！