印刷時、ボックス左端にfirst-letter擬似要素の幅と同じ幅の隙間が空く

症状

first-letter擬似要素をフロートにしているとき、その擬似要素を含む行より後、ページ末までのすべての行の先頭に擬似要素の幅と同じ幅の隙間が空いてしまう。

例示

<style type="text/css">
p.fl:first-letter {
  float: left;
  color: red;
  font-weight: bold;
}
</style>

<p class="fl">◎1行目<br>2行目<br>3行目</p>

最初の文字「◎」をフロートにしています。このフロートが2行目以降の文字列の配置に影響を与えることはないはずです。

スクリーンショット

印刷プレビュー画面のスクリーンショットです。

修正状況

• Netscape7.1の標準モードと互換モードで不具合の発生を確認しました。
• Netscape7.02でこの不具合は発生しないようです。

スポンサーリンク