この度HPを作成していて疑問に思ったのですが、imgを回り込ませたとき

質問

この度HPを作成していて疑問に思ったのですが、imgを回り込ませたときなどに、添付画像の様にならなくする方法はありますか？
なるべくCSSでそれを行いたいのですが、高さを指定してなどは、やりたくありません
よろしくお願いします。

HTML
<h2>キングギドラ公開開始
</h2>
<p class="up">
<img src="file:///C:/Users/chako/Desktop/G-Works/img/lrg53616_0_357935.png" width="150" height="112" border="0">
キンブギドラ公開しました詳細はギャラリーより
</p>

CSS
.up{
bottom : auto;
line-height : 15px;
border-bottom-width : 2px;
border-bottom-style : dotted;
border-bottom-color : #990000;
}
h2{
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
height : 20px;
border-bottom-width : 2px;
border-bottom-style : dotted;
border-bottom-color : #990000;
bottom : auto;
padding-top : 5px;
font-size : 20px;
}
#right img{
float : left;
margin-top : 0px;
margin-left : 5px;
margin-right : 10px;
margin-bottom : 10px;
}

回答No.1

SAYKA

?????　何をさせたくないのか判らないんだけど・・・

hrを回り込みの対象にさせたくないのかな？
それとも文字をキャプションみたくしたいのかな？

後者のような気がするけど　単純に別のpで分離したら良いのでは・・・

お礼

解決しました。ありがとうございました＾＾

補足

回答ありがとうございます。
説明が分かりにくくて、すいません；
上の「WEB完成」の項目のように、文章を画像の高さまで入れてあげなくても、点線が画像と重ならなくしたいんです。
pで囲ったのですが、pのクラスで指定した下のマージンがこれも画像と重なってしまいます。
対策として思い出す事があればまた、回答よろしくお願いします。