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

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宽度，确实无法执行此操作。