段落テキストが浮動要素と重なっている Chrome で問題が発生しています。コンテナの左下隅にイメージを強制的に配置するために、フローティング要素が押し下げられます。問題を再現するhttp://jsfiddle.net/VMJGX/をセットアップしました。テキストは、Chrome では .indenter 要素と重なっていますが、Firefox や IE では重なっていません。これは Chrome のバグですか、それともこれを達成するためのより良い方法はありますか?
Chrome バージョン 21.0.1180.82
Firefox バージョン 15.0
問題は、段落の行の高さと比較して高さが異なるため、インデンターの上部が行の真ん中に引っかかっていることです。FF と Chrome では、高さのレンダリングが少し異なると思います。使用しているのと同じ方法を引き続き使用する場合は、height クラスのスタイルを削除し、代わりにnbsp を使用することをお勧めします。段落の行の高さと一致する高さになるように、インデンター div を埋めます。
アップデート：
フィドルを更新して、(div の代わりに) 段落内のインデンターとしてスパンを使用し、幅のプロパティを元に戻しました。段落のmargin-bottomとインデンターのクリアのため、一致する margin-bottom が必要です意図が一致するようにします。