You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
[css-inline] should specify that line with initial letter is shortened relative to all floats initial letter can interact with #689
<divid="float_one"></div><divid="float_two"></div><!-- line the next p up so that the first line is next to float_one only, but the initial letter is next to both floats --><divstyle="height: 50px"></div><p>This paragraph has an initial letter.</p>
will yield the bottom half of the capital "T" overlapping #float_two, because the initial letter is placed relative to its line box, and the line box is placed relative to its height only, and that height only intersects #float_one
I think the spec needs to say that the line is shortened to account for floats "next to" the initial letter, using wording similar to that in CSS 2. I haven't thought about this solution in any detail, though.
Activity
dauwhe commentedon Jan 4, 2017
Here's @dbaron's example in Safari 10.0, with
#float_onegreen and#float_2red.fantasai commentedon May 25, 2018
Edits committed per WG discussions in 71edb81 and @dauwhe added diagrams.
See spec at https://drafts.csswg.org/css-inline-3/#initial-letter-floats
Related discussion at #360
dbaron commentedon Jul 4, 2018
There's a discussion relevant to this issue that was recorded in #360 (comment)