css - 浮动元素上方的文本浮动换行

Question

请看这个jsFiddle。

我希望h4元素环绕浮动元素，而不更改文档流并且不给h4定宽度。

您会注意到，如果您将浮动元素移动到 上方h4，它的行为方式将符合我的要求。

我需要这样做的原因是该网站是响应式的，所以我不能依赖于的宽度h4和浮动元素需要是一个精确的宽度。

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/

Answer 2

.floated-element在检查了其他答案和评论之后，如果不移动上面h4的内容或给出h4宽度，确实不可能做到这一点。