将照片位置与css对齐

我目前的项目是一个新闻门户网站。一些用户能够将新闻与一些相关媒体（如图片）放在一起。目前，CSS将图片放在文本后的右下角。我想把照片放在右上角，文本的周围，像这样。有什么想法吗？

这就是你想要的：

<div style="float:right">
  <img src="yourimage.jpg" />
  <p>Caption goes here...</p>
</div>
<div>
   The rest of your text goes here and
   will wrap around the image as in
   the example link you provided.
</div>

标题在这里

剩下的文字放在这里
将环绕图像，如中所示
您提供的示例链接。