如何使用 HTML/CSS 将文本环绕在图像周围

Question

我想设计一个如下图的文本块：

质疑这是否可能？

原文由 user1780343 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你必须 float 你的图像容器如下：

HTML

 <div id="container">
    <div id="floated">...some other random text</div>
    ...
    some random text
    ...
</div>

CSS

 #container{
    width: 400px;
    background: yellow;
}
#floated{
    float: left;
    width: 150px;
    background: red;
}

小提琴

http://jsfiddle.net/kYDgL/

原文由 BeNdErR 发布，翻译遵循 CC BY-SA 3.0 许可协议