従来、text-indent
CSS プロパティにパーセンテージ値が用いられた場合、その内包ブロックの親要素のコンテンツ幅に対して解決されていました。つまり、以下の p
要素には 20px
ではなく 50px
のインデントが与えられました。
<div style="width: 500px;">
<p style="width: 200px; text-indent: 10%;">
Hello World!
</p>
</div>
この奇妙な挙動が最新の CSS 仕様で解決されました。Firefox 65 が Chrome 72 とともに変更を行ったことにより、今後、値は内包ブロック自体の幅に対して解決されます。期待通り 20px
となる上の例のように、従来よりインデントが短くなる場合があるため、あなたのスタイルシートを見直した方が良いかもしれません。実際、BBC のホームページが影響を受けていることが判明しています。