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         <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:24.5em; 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 style="-webkit-column-break-after:always; break-after:column;">
  23                 third column<br>
  24                 third column<br>
  25                 third column<br>
  26                 third column<br>
  27             </div>
  28             <div>
  29                 fourth column<br>
  30                 fourth column<br>
  31                 fourth column<br>
  32                 fourth column<br>
  33                 fourth column<br>
  34                 fourth column<br>
  35                 fifth column<br>
  36                 fifth column<br>
  37             </div>
  38         </div>
  39     </body>
  40 </html>