title: CSS - Image on right side of page with text not wrapping around it
body: <p>This is probably a simple question, but I can't figure it out. I would like to use CSS to put an image on the right side of a page and not wrap text around it. I would like it like this:</p>
  
  <pre>
                  ------------
                  |    img   |
                  |          |
                  ------------
  text text text text text text
  text ....
  </pre>
  
  <p>If I do a float:right on the image, I get this:</p>
  
  <pre>
  text text text  ------------
  text text text  |   img    |
  text text text  |          |
  text text text  ------------
  text text text text text text
  text ...
  </pre>
  
  <p>I could easily use tables to do this, but I would like pure CSS.</p>