キャプション付き画像を右上に持っていく方法

下の図の様に絵の下にキャプションが付いている場合に、キャプションごと右上に移動させたい場合がありますが、

どのようにすれば良いのでしょうか・・・

招待状は僕にですよね

それでは説明してゆきますね・・・

1. 画像にキャプションを付けます・・・
   
   <DIV><img src="画像"><BR>招待状は僕にですよね<BR></DIV>
   
   
2. これで画像の下に文章が入りました
   
   
3. これを画像と一緒に右上の移動したい訳です・・・float:rightを記述します
   
   
4. まとめてみますと・・・
   <DIV style="float:right"><img src="画像"><BR>招待状は僕にですよね<BR></DIV>
   
   
5. これをDIV要素の中に書き込めば・・・
   <DIV style="width:300px;height:300px;border:solid;border-width:1px"><DIV style="float:right"><img src="画像"><BR>招待状は僕にですよね<BR></DIV></DIV>
   
   
6. 下のように、キャプションごと右上に移動してます
   
   
   招待状は僕にですよね

今日の小技は如何でしたか？