Html 图像周围的文本流-浮动&；媒体与媒体；？

我希望文本围绕图像流动。在stackoverflow上，我找到了两个不同的答案，这两个答案在fiddly（？）中都非常有效：

• BLOCK-带有“clear:both”-按预期工作，但文本和图像之间没有填充-丑陋，我想
• 媒体-填充得很好，但不流动

当我在stackoverflow执行这个代码段时，这两个示例看起来都不同于现实世界（Firefox和Chrome）。该代码段位于WoodLoon.com/t3.html（）

有没有更好的方法将两者的优点结合起来？

图像左浮动=经验1=文本浮动-Donec id elit non mi portnon mi metus的孕妇。这是一个很好的例子。Donec-sed-odio dui-Donec-id精英在eget metus的非mi Porton-miporta孕妇。这是一个很好的例子。Donec sed odio酒后驾车-

经验继续=文本浮动-Donec id elit非mi portnon我是eget metus的孕妇。这是一个很好的例子。Donec-sed-odio dui-Donec-id精英在eget metus的非mi Porton-miporta孕妇。这是一个很好的例子。Donec sed odio dui-

p拥有style=“clear:both”-Donec id Elite非mi porta孕妇在eget metus。这是一个很好的例子。Donec sed odio dui
媒体主体（媒体左上方）体验2=文本浮动-Donec id elit非mi portnon我是eget metus的孕妇。这是一个很好的例子。Donec-sed-odio dui-Donec-id精英在eget metus的非mi Porton-miporta孕妇。这是一个很好的例子。Donec sed odio酒后驾车-
经验继续=文本浮动-Donec id elit非mi portnon我是eget metus的孕妇。这是一个很好的例子。Donec-sed-odio dui-Donec-id精英在eget metus的非mi Porton-miporta孕妇。这是一个很好的例子。Donec sed odio dui-

p拥有style=“clear:both”-Donec id Elite非mi porta孕妇在eget metus。这是一个很好的例子。不要酒后驾车。

用下面的标记替换第一行

<div class="row; "><!-- image 1 -->
            <div class="media; media-left"><img style="height: 120px; float:left" src="http://WoodFool.com/Pictures/Ski.jpg"></div>
            <div class="media-body"><p><strong>IMAGE FLOAT LEFT = Experience 1 = </strong>text floats - Donec id elit non mi portnon mi a gravida at eget metus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui- Donec id elit non mi portnon miporta gravida at eget metus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui- </p>
            <p>Experience continues = text floats - Donec id elit non mi portnon mi a gravida at eget metus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui- Donec id elit non mi portnon miporta gravida at eget metus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui- </p>               
            <p style="clear:both"><strong>P has style="clear:both" -</strong> Donec id elit non mi porta gravida at eget metus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
    </div></div>

图像浮动左=体验1=文本浮动-Donec id elit non mi portnon mi metus的孕妇。这是一个很好的例子。Donec-sed-odio dui-Donec-id精英在eget metus的非mi Porton-miporta孕妇。这是一个很好的例子。Donec sed odio酒后驾车-

经验继续=文本浮动-Donec id elit非mi portnon我是eget metus的孕妇。这是一个很好的例子。Donec-sed-odio dui-Donec-id精英在eget metus的非mi Porton-miporta孕妇。这是一个很好的例子。Donec sed odio dui-

p拥有style=“clear:both”-Donec id Elite非mi porta孕妇在eget metus。这是一个很好的例子。Donec sed odio dui

您的实际问题是什么？谢谢-我在div media left中有div media body-使其成为div media left，然后div media body使填充（？）很好。但这不会导致文本环绕图像。