src/third_party/WebKit/LayoutTests/fast/multicol/vertical-rl/balancing/balance-trailing-border.html

   1 <!DOCTYPE html>
   2 <script src="../../../../resources/js-test.js"></script>
   3 <p>Both words below should be in the the right column.</p>
   4 <div id="console"></div>
   5 <div id="mc" style="-webkit-writing-mode:vertical-rl; -webkit-columns:2; columns:2; orphans:1; widows:1; -webkit-column-rule:1px solid; column-rule:1px solid; background:olive;">
   6     <div style="width:110px"></div>
   7     <div style="border:2px solid black; height:175px;">
   8         <div style="margin:10px 0; border:2px solid blue;">
   9             <span style="line-height:80px;">right<br>column</span>
  10         </div>
  11     </div>
  12 </div>
  13 <script>
  14     description("Tests that the bottom border at a column boundary is recorded properly for balancing");
  15     shouldBe("mc.offsetWidth", "168");
  16 </script>