| <!DOCTYPE html> | |
| <p>Test that a line pushed down by a float doesn't pull the float to the next column if it has to break.</p> | |
| <div style="-webkit-columns:2; -webkit-column-gap:1em; column-fill:auto; width:51em; height:10em; line-height:2em; orphans:1; widows:1; background:yellow;"> | |
| First column.<br> | |
| <div> | |
| <div style="float:left; width:100%; height:7em; background:cyan;"> | |
| This cyan block should all be in the first column. | |
| </div> | |
| Second column. | |
| </div> | |
| </div> |