third_party/WebKit/LayoutTests/fast/multicol/change-height.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <script>
   5             function test() {
   6                 var elm = document.getElementById('elm');
   7                 elm.offsetTop; // trigger layout
   8                 elm.style.height = '14em';
   9             }
  10         </script>
  11     </head>
  12     <body onload="test()">
  13         <p>Below there should be <em>one</em> column with 7 lines.</p>
  14         <div id="elm" style="-webkit-columns:3; columns:3; column-fill:auto; orphans:1; widows:1; height:4em; line-height:2em;">
  15             line<br>
  16             line<br>
  17             line<br>
  18             line<br>
  19             line<br>
  20             line<br>
  21             line<br>
  22         </div>
  23     </body>
  24 </html>