| <!DOCTYPE html> |
| <script src="../../resources/js-test.js"></script> |
| <script> |
| description("Test column balancer behavior when widows requirements are high, and there's need for an early break to honor widows"); |
| </script> |
| <p>The 5 lines should all be in the second column.</p> |
| <div id="mc" style="-webkit-columns:3; columns:3; -webkit-column-rule:solid; line-height:50px; orphans:1; widows:5;"> |
| <span id="inFirstColumn"><br></span> |
| <span id="first">line<br></span> |
| line<br> |
| line<br> |
| line<br> |
| <span id="last">line<br></span> |
| </div> |
| <script> |
| shouldBe("mc.offsetHeight", "250"); |
| shouldBe("first.offsetTop", "inFirstColumn.offsetTop"); |
| shouldBeGreaterThan("first.offsetLeft", "inFirstColumn.offsetLeft"); |
| shouldBe("last.offsetLeft", "first.offsetLeft"); |
| </script> |