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

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>auto-height multicol with break</title>
   5         <style>
   6             .mc > div { padding:0 0.5em; }
   7         </style>
   8     </head>
   9     <body style="min-width:40em;">
  10         <div class="mc" style="-webkit-columns:3; -webkit-column-gap:1em; columns:3; column-gap:1em; orphans:1; widows:1; width:32em; background:olive;">
  11             <div style="-webkit-column-break-after:always; break-after:column;">
  12                 first column<br>
  13             </div>
  14             <div style="-webkit-column-break-after:always; break-after:column;">
  15                 second column<br>
  16                 second column<br>
  17                 second column<br>
  18                 second column<br>
  19                 second column<br>
  20                 second column<br>
  21             </div>
  22             <div>
  23                 third column<br>
  24                 third column<br>
  25                 third column<br>
  26                 third column<br>
  27             </div>
  28         </div>
  29     </body>
  30 </html>