css - 浮動要素の上のテキストfloatwraps

Question

このjsFiddleをご覧ください。

ドキュメントフローを変更せず、設定された幅h4を指定せずに、要素をフロート要素にラップさせたい。h4

フロートされた要素を上に移動すると、希望どおりに動作することに気付くでしょうh4。

この方法で行う必要がある理由は、サイトが応答性が高いため、の幅に依存できずh4、float要素が正確な幅である必要があるためです。

score 2 · Accepted Answer

テキストを作成し、上にclear:none;移動します。.floated-elementh4

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>

score 1 · Accepted Answer

.floated-element他の回答とコメントを確認した後、上記を移動するh4かh4、幅を指定せずにこれを行うことは実際には不可能です。

2 に答える 2