|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 <head> |
|
4 <style> |
|
5 |
|
6 .container { |
|
7 height: 24pt; |
|
8 position: relative; |
|
9 } |
|
10 #colset { |
|
11 height: 2in; |
|
12 -moz-column-count: 3; |
|
13 } |
|
14 .c1 { |
|
15 position: absolute; |
|
16 height: 3in; |
|
17 } |
|
18 .c2 { |
|
19 position: absolute; |
|
20 height: 1in; |
|
21 } |
|
22 .c3 { |
|
23 position: absolute; |
|
24 height: 3in; |
|
25 } |
|
26 .f1 { |
|
27 margin-bottom: 96pt; |
|
28 } |
|
29 |
|
30 </style> |
|
31 </head> |
|
32 <body> |
|
33 |
|
34 <div id="colset"> |
|
35 <div class="container"></div> |
|
36 <div class="container"></div> |
|
37 <p class="following f1"></p> |
|
38 <div class="container"> |
|
39 <div class="overflow c1"></div> |
|
40 <div class="overflow c2"></div> |
|
41 <div class="overflow c3"></div> |
|
42 The quick brown fox jumps over the lazy dog. |
|
43 </div> |
|
44 </div> |
|
45 |
|
46 </body> |
|
47 </html> |