Align photo position with css

Question

My current project is a news portal. Some users are capable to put the news with some media related to it, like pictures. Currently, the CSS places the pictures in the right lower corner, after the text. I would like to put the photos in the right upper corner, around the text, like in this example. Any ideas?

Answer 1

The CSS float property is what you are looking for:

<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>