OLD | NEW |
1 <html style="-webkit-writing-mode:vertical-rl; overflow: hidden;"> | 1 <!DOCTYPE html> |
2 <div style="-webkit-column-count:2; border:5px solid blue"> | 2 <style> |
3 This is some text.<br> | 3 body { |
4 This is some text.<br> | 4 -webkit-writing-mode: vertical-rl; |
5 This is some text.<br> | 5 } |
6 This is some text.<br> | 6 .columns { |
7 This is some text.<br> | 7 height: 400px; |
8 This is some text.<br> | 8 width: 200px; |
9 This is some text.<br> | 9 -webkit-column-width: 200px; |
10 | 10 -webkit-column-gap: 0; |
11 This is some text.<br> | 11 border: 5px solid blue; |
12 This is some text.<br> | 12 margin-right: 1em; |
13 This is some text.<br> | 13 line-height: 20px; |
14 This is some text.<br> | 14 } |
15 This is some text.<br> | 15 </style> |
16 This is some text.<br> | 16 <div class="columns"> |
17 This is some text.<br> | 17 First column<br> |
18 | 18 First column<br> |
19 This is some text.<br> | 19 First column<br> |
20 This is some text.<br> | 20 First column<br> |
21 This is some text.<br> | 21 First column<br> |
22 This is some text.<br> | 22 First column<br> |
23 This is some text.<br> | 23 First column<br> |
24 This is some text.<br> | 24 First column<br> |
25 This is some text.<br> | 25 First column<br> |
26 | 26 First column<br> |
27 <div style="-webkit-column-break-before: always"> | 27 <div style="-webkit-column-break-before: always"> |
28 This text should be in the second column.<br> | 28 Second column<br> |
29 This text should be in the second column.<br> | 29 Second column<br> |
30 This text should be in the second column.<br> | 30 Second column<br> |
31 This text should be in the second column.<br> | 31 Second column<br> |
| 32 </div> |
32 </div> | 33 </div> |
| 34 <div class="columns"> |
| 35 First column<br> |
| 36 First column<br> |
| 37 First column<br> |
| 38 First column<br> |
| 39 <div style="-webkit-column-break-before: always"> |
| 40 Second column<br> |
| 41 Second column<br> |
| 42 Second column<br> |
| 43 Second column<br> |
| 44 Second column<br> |
| 45 Second column<br> |
| 46 Second column<br> |
| 47 Second column<br> |
| 48 Second column<br> |
| 49 Second column<br> |
| 50 </div> |
33 </div> | 51 </div> |
34 | |
35 <div style="-webkit-margin-before:1em; -webkit-column-count:2; border:5px solid
blue"> | |
36 | |
37 This text should be in the first column.<br> | |
38 This text should be in the first column.<br> | |
39 This text should be in the first column.<br> | |
40 This text should be in the first column.<br> | |
41 | |
42 <div style="-webkit-column-break-before: always"> | |
43 This is some text.<br> | |
44 This is some text.<br> | |
45 This is some text.<br> | |
46 This is some text.<br> | |
47 This is some text.<br> | |
48 This is some text.<br> | |
49 This is some text.<br> | |
50 | |
51 This is some text.<br> | |
52 This is some text.<br> | |
53 This is some text.<br> | |
54 This is some text.<br> | |
55 This is some text.<br> | |
56 This is some text.<br> | |
57 This is some text.<br> | |
58 | |
59 This is some text.<br> | |
60 This is some text.<br> | |
61 This is some text.<br> | |
62 This is some text.<br> | |
63 This is some text.<br> | |
64 This is some text.<br> | |
65 This is some text.<br> | |
66 </div> | |
OLD | NEW |