third_party/WebKit/LayoutTests/fast/multicol/newmulticol/balance7.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; color:olive; background:olive;">
  14       <div style="font-size:1.3em;">line</div>
  15       <div>line</div>
  16       <div>line</div>
  17       <div>line</div>
  18       <div>line</div>
  19       <div>line</div>
  20       <div>line</div>
  21       <div>line</div>
  22       <div>line</div>
  23     </div>
  24     <div id="ref" style="margin-top:1em; color:olive; background:olive;">
  25       <div style="font-size:1.3em;">line</div>
  26       <div>line</div>
  27       <div>line</div>
  28     </div>
  29     <script>
  30       shouldBe("mc.offsetHeight", "ref.offsetHeight");
  31     </script>
  32   </body>
  33 </html>