image - 文字以特殊方式漂浮在图像周围

Question

我正在尝试在图像周围制作特殊的浮动文本。它必须看起来像这个 Open image here

文本的大小可能不同。图像具有固定大小。

我们如何在 CSS 中进行设置？甚至可能吗？

如果有的话，我会采用脚本解决方案（尽管我自己在那个部门看不到任何有用的东西......）

提前非常感谢:-)

简

Answer 1

你只需要float: right你的形象：

​img { float:right;  }​

演示

Answer 2

这是一个展示如何做到这一点的小提琴：http: //jsfiddle.net/4q3um/

img {
 float:right;
 margin:0 0 20px 20px;
 width:100px;
}