css - float 元素上方的文本 float 换行

Question

请参阅此jsFiddle .

我希望 h4 元素环绕 float 元素，不更改文档流并且不给 h4 一个设置宽度。

您会注意到，如果将 float 元素移动到 h4 上方，它就会按照我想要的方式运行。

我需要这样做的原因是该网站是响应式的，因此我不能依赖 h4 的宽度，并且 float 元素需要具有精确的宽度。

Answer 1

将文本设置为 clear:none; 并将 .floated-element 移至 h4 上方。

CSS

.text {
    clear: none;
    display: block;                   
}

HTML

<div class="floated-element"></div>
<h4>This is a long title that needs to wrap around the floated element</h4>

http://jsfiddle.net/Dqr8h/6/