css - float 元素上方的文本 float 环绕

Question

请看这个jsFiddle .

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

您会注意到，如果将 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/