<!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="width:51em; height:10em; line-height:2em; background:yellow;"> | |
<div style="float:left; width:25em;"> | |
First column.<br> | |
<div style="float:left; width:100%; height:7em; background:cyan;"> | |
This cyan block should all be in the first column. | |
</div> | |
</div> | |
<div style="float:left; margin-left:1em; width:25em;"> | |
Second column. | |
</div> | |
</div> |