css - コンテナーに :before/:after 疑似要素がある場合、テキストインデントが機能しないのはなぜですか? (FX/オペラ)

Question

今日、この癖に遭遇しました。

http://jsfiddle.net/UJAjD/3/

Firefox 7 と Opera では、灰色のボックスに「次へ」という単語が含まれていることに気付くでしょう。CSS には、そのテキストをコンテナーの外に移動する必要がある text-indent プロパティが含まれています。このページを IE または Chrome で表示すると、本来あるべき姿で表示されます。少なくとも、あなたがそれが示すべきだと思う方法。

これは既知のバグですか? 回避策はありますか?

Answer 1

仕様によると、text-indent はブロックの最初の行ボックスのテキストに影響します。

問題は、この場合の最初の行のボックスにブロックが含まれているかテキストが含まれているかを仕様が実際に明確にしておらず、異なる UA が仕様を異なる方法で解釈することです...