| <!DOCTYPE html> |
| <script src="../resources/check-layout.js"></script> |
| <div id="multicol" style="position:relative; columns:2; column-gap:0; column-fill:auto; width:500px; height:100px; line-height:20px; orphans:1; widows:1; background:yellow;"> |
| First column.<br> |
| <div data-offset-y="20" data-expected-height="100"> |
| <div style="float:left; width:100%; height:70px; background:cyan;"> |
| This cyan block should all be in the first column. |
| </div> |
| Second column.<br> |
| </div> |
| </div> |
| <script> |
| checkLayout("#multicol"); |
| </script> |