Css以搜索引擎优化友好的方式将图像定位在文本的一侧

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

---

Answer 1

你可以尝试这样做:

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

Answer 2

我想试试这个

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

通过将图像定位到右侧(浮动)，这样你只需要改变UL的整体宽度，图像将始终保持在文本右侧的固定位置，无论长度如何

Answer 3

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