Question

I have this HTML code.

I need visualize the image on the TOP-RIGHT side of my Text. I cannot move the DIV containing the image before the first paragraph and apply float.

My aim is to display the image on top together with the text but leaving the HTML code for the image last in page (SEO reasons).

Any idea how to fix it? Thanks

<div>
     <p>some text here</p>
     <p>some text here</p>
     <p>some text here</p>
     <p>some text here</p>
     <p>some text here</p>
     <div>
         <img src="img.gif" alt="My Image" />
     </div>
</div>

---

some text here    +----+
some text here    |img |
some text here    +----+
some text here
some text here

---

PS: The lenght of the Text could be variable.

Answer 1

You could try something like this:

http://jsfiddle.net/patonar/jxha3/