|
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 -moz-column-width:15em; |
|
20 -moz-column-gap: 2em; |
|
21 -moz-column-rule: 4px solid green; |
|
22 -moz-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> |