Css以SEO友好的方式将图像定位在文本的一侧

Question

我有这个HTML代码。

我需要在文本的右上角显示图像。我无法在第一段之前移动包含图像的DIV并应用float。

我的目标是将图像与文本一起显示在顶部，但最后在页面中保留图像的HTML代码（SEO原因）。

知道怎么解决吗？感谢

<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：文本的长度可以变化。

Answer 1

您可以尝试这样的事情：

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

Answer 2

我会尝试这个。

http://jsfiddle.net/jxha3/1/

通过将图像定位到右侧（浮动），您只需要更改UL的整体宽度，然后图像将始终保持在文本右侧的固定位置，无论长度如何：）

Answer 3

试试这个： http://jsfiddle.net/sikusikucom/8GR37/