columnfill-overflow.html (1703B)
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: balance; 18 19 column-width:15em; 20 column-gap: 2em; 21 column-rule: 4px solid green; 22 column-fill: balance; 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>