| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <p>The word "PASS" should be seen below.</p> |
| 3 <div style="columns:3; column-fill:auto; column-gap:0; width:12em; height:50px;
line-height:20px;"> |
| 4 <div style="float:left; width:1px; height:90px;"></div> |
| 5 <div style="height:45px;"></div> |
| 6 <!-- At the beginning of layout of the next element, we're at block offset 4
5px. The forced |
| 7 break-before should take us to 50px - the next column. Clearance should
take us even |
| 8 further, past the float, so get to block offset 90px. Finally, due to t
he unbreakable line |
| 9 inside the block, we need to move on to another new column to make the
line fit, so we end |
| 10 up at 100px, exactly at the top of the third column. --> |
| 11 <div style="break-before:column; clear:left;">PASS</div> |
| 12 </div> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2359733002:
Need to consider the need for a soft break even when inserting a forced break. (Closed)
