OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../resources/js-test.js"></script> | 2 <script src="../../resources/js-test.js"></script> |
3 <script> | |
4 if (window.internals) | |
5 internals.settings.setRegionBasedColumnsEnabled(true); | |
6 </script> | |
7 <p>Both words below should be in the the right column.</p> | 3 <p>Both words below should be in the the right column.</p> |
8 <div id="console"></div> | 4 <div id="console"></div> |
9 <div id="mc" style="-webkit-columns:2; columns:2; orphans:1; widows:1; -webkit-c
olumn-rule:1px solid; column-rule:1px solid; background:olive;"> | 5 <div id="mc" style="-webkit-columns:2; columns:2; orphans:1; widows:1; -webkit-c
olumn-rule:1px solid; column-rule:1px solid; background:olive;"> |
10 <div style="height:110px"></div> | 6 <div style="height:110px"></div> |
11 <div style="border:2px solid black; width:375px;"> | 7 <div style="border:2px solid black; width:375px;"> |
12 <div style="margin:0 10px; border:2px solid blue;"> | 8 <div style="margin:0 10px; border:2px solid blue;"> |
13 <span style="line-height:80px;">right<br>column</span> | 9 <span style="line-height:80px;">right<br>column</span> |
14 </div> | 10 </div> |
15 </div> | 11 </div> |
16 </div> | 12 </div> |
17 <script> | 13 <script> |
18 description("Tests that the bottom border at a column boundary is recorded p
roperly for balancing"); | 14 description("Tests that the bottom border at a column boundary is recorded p
roperly for balancing"); |
19 shouldBe("mc.offsetHeight", "168"); | 15 shouldBe("mc.offsetHeight", "168"); |
20 </script> | 16 </script> |
OLD | NEW |