src/third_party/WebKit/LayoutTests/fast/multicol/newmulticol/multicol-becomes-regular-block.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>Change multicol to regular block</title>
   5         <script>
   6             function test() {
   7                 var elm = document.getElementById('elm');
   8                 elm.offsetTop; // trigger layout
   9                 elm.style.WebkitColumns = 'auto';
  10                 elm.style.columns = 'auto';
  11             }
  12         </script>
  13     </head>
  14     <body onload="test()">
  15         <p>There should be a blue <em>square</em> below.</p>
  16         <div id="elm" style="-webkit-columns:4; columns:4; orphans:1; widows:1; width:16em; line-height:4em; background:blue;">
  17             <br>
  18             <br>
  19             <br>
  20             <br>
  21         </div>
  22     </body>
  23 </html>