css - 如何将一个 div 包裹在同级 div 周围

Question

我想在其同级图像 div 周围包装一个文本 div。不要与将文本环绕图像的标准方式混淆，而是与两个单独的 div 混淆。 示例如下:

<div style="width:1000px;">
    <div>
        <img src="some url" />
    </div>
    <div>
        <p>Some very long text here</p>
    </div>
</div>

我想让它看起来像文字环绕着图像。

这可能吗？

Answer 1

将包含图像的 div 向左或向右浮动。

<div style="width:1000px;">
    <div style="float:left">
        <img src="some url" />
    </div>
    <div>
        <p>Some very long text here</p>
    </div>
</div>

jsFiddle example