layout/reftests/columns/columnfill-overflow-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <style type="text/css">
   5       div.container {
   6         width:54em;
   7         background-color: gray;
   8       }
   9
  10       div.multicolumn {
  11         height: 5em;
  12         overflow: visible;
  13
  14         column-width:15em;
  15         column-gap: 2em;
  16         column-rule: 4px solid green;
  17         column-fill: auto;
  18
  19         column-width:15em;
  20         column-gap: 2em;
  21         column-rule: 4px solid green;
  22         column-fill: auto;
  23
  24         padding: 5px;
  25       }
  26
  27       p {
  28         margin: 0;
  29         padding: 0
  30       }
  31     </style>
  32   </head>
  33   <body>
  34     <div class="container">
  35       <div class="multicolumn">
  36         <p>Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. Ab cde fgh i jkl. Mnopqr stu vw xyz. A bcdef g hij klm nopqrstuv wxy z. Abc de fghi jklmno. Pqrstu vwx yz. Abc def ghi jkl.M nop qrst uv wx yz. </p>
  37       </div>
  38     </div>
  39   </body>
  40 </html>