src/third_party/WebKit/LayoutTests/fast/multicol/newmulticol/breaks-3-columns-3.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>auto-height multicol with break</title>
   5         <script>
   6             if (window.internals)
   7                 internals.settings.setRegionBasedColumnsEnabled(true);
   8         </script>
   9         <style>
  10             .mc > div { padding:0 0.5em; }
  11         </style>
  12     </head>
  13     <body style="min-width:40em;">
  14         <div class="mc" style="-webkit-columns:3; -webkit-column-gap:1em; columns:3; column-gap:1em; orphans:1; widows:1; width:23em; background:olive;">
  15             <div style="-webkit-column-break-after:always; break-after:column;">
  16                 first column<br>
  17             </div>
  18             <div style="-webkit-column-break-after:always; break-after:column;">
  19                 second column<br>
  20                 second column<br>
  21                 second column<br>
  22                 second column<br>
  23                 second column<br>
  24                 second column<br>
  25             </div>
  26             <div style="-webkit-column-break-after:always; break-after:column;">
  27                 third column<br>
  28                 third column<br>
  29                 third column<br>
  30                 third column<br>
  31             </div>
  32             <div>
  33                 fourth column<br>
  34                 fourth column<br>
  35                 fourth column<br>
  36                 fourth column<br>
  37                 fourth column<br>
  38                 fourth column<br>
  39                 fifth column<br>
  40                 fifth column<br>
  41             </div>
  42         </div>
  43     </body>
  44 </html>