third_party/WebKit/LayoutTests/fast/multicol/newmulticol/balance10.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>auto-height multicol</title>
   5     <script src="../../../resources/js-test.js"></script>
   6     <script>
   7       if (window.testRunner)
   8         testRunner.dumpAsText();
   9     </script>
  10   </head>
  11   <body>
  12     <p>There should be two identical boxes below.</p>
  13     <div id="mc" style="-webkit-columns:3; columns:3; orphans:1; widows:1; line-height:50px; margin:1em; float:left; width:18em; color:olive; background:olive;">
  14       <span>line</span><br>
  15       <span>line</span><br>
  16       <span>line</span><br>
  17       <span>line</span><br>
  18       <span>line</span><br>
  19       <span>line</span><br>
  20       <span>line</span><br>
  21       <span style="line-height:150px;">line</span><br>
  22       <span>line</span><br>
  23       <span>line</span><br>
  24     </div>
  25     <div id="ref" style="-webkit-columns:3; columns:3; orphans:1; widows:1; line-height:50px; margin:1em; float:left; width:18em; height:250px; color:olive; background:olive;">
  26       <span>line</span><br>
  27       <span>line</span><br>
  28       <span>line</span><br>
  29       <span>line</span><br>
  30       <span>line</span><br>
  31       <span>line</span><br>
  32       <span>line</span><br>
  33       <span style="line-height:150px;">line</span><br>
  34       <span>line</span><br>
  35       <span>line</span><br>
  36     </div>
  37     <script>
  38       shouldBe("mc.offsetHeight", "ref.offsetHeight");
  39     </script>
  40   </body>
  41 </html>