在文本中浮动图像

Question

我需要在文本中浮动图像（它实际上是最终结果中的flash横幅），但每个图像都来自不同的CMS。所以我的DOM结果是：

<img src="" alt=""/>
<p>All text here</p> 

有没有办法使用客户端方法使图像在文本中浮动？ （所以它会有点底部但仍然包含文字） 好像标记是这样的：

<p>Star of text</p>
<img src="" alt=""/>
<p>End of text</p> 

我用一个小提琴试着去做一些例子：http://jsfiddle.net/F3ZyF/5/

Answer 1

尝试 <p>Start of Text<img src="" alt="" style="align:bottom;">End of Text</p> 请注意，我添加了style="align:bottom;并将img标记放在p标记内。

Answer 2

这是我基于jQuery的解决方案的版本：

banner_wrap = $( ".article-box-banner-wrap" ).detach();
$(".article-text p").first().after(banner_wrap);

使用.detach()功能从DOM中删除横幅元素，然后使用.after()（或类似代码）在第一个p之后重新插入横幅。

请参阅演示：http://jsfiddle.net/audetwebdesign/Q2ADA/