OLD | NEW |
| 1 <!DOCTYPE html> |
1 <style> | 2 <style> |
2 body { | 3 body { |
3 -webkit-writing-mode: vertical-rl; | 4 -webkit-writing-mode: vertical-rl; |
4 } | 5 } |
5 | 6 |
6 div.columns { | 7 div.columns { |
7 -webkit-columns: 2; | 8 -webkit-columns: 2; |
| 9 -webkit-column-gap: 0; |
8 -webkit-column-rule-color: gray; | 10 -webkit-column-rule-color: gray; |
9 -webkit-column-rule-width: 12px; | 11 -webkit-column-rule-width: 12px; |
10 columns: 2; | |
11 column-rule-color: gray; | |
12 column-rule-width: 12px; | |
13 column-fill: auto; | 12 column-fill: auto; |
14 width: 200px; | 13 width: 200px; |
15 height: 20px; | 14 height: 20px; |
16 display: inline-block; | 15 display: inline-block; |
17 } | 16 } |
18 | 17 |
19 div.columns div { | 18 div.columns div { |
20 width: 400px; | 19 width: 400px; |
21 } | 20 } |
22 </style> | 21 </style> |
(...skipping 22 matching lines...) Expand all Loading... |
45 <div></div> | 44 <div></div> |
46 </div> | 45 </div> |
47 | 46 |
48 <div class="columns" style="-webkit-column-rule-style: outset; column-rule-style
: outset;"> | 47 <div class="columns" style="-webkit-column-rule-style: outset; column-rule-style
: outset;"> |
49 <div></div> | 48 <div></div> |
50 </div> | 49 </div> |
51 | 50 |
52 <div class="columns" style="-webkit-column-rule-style: double; column-rule-style
: double;"> | 51 <div class="columns" style="-webkit-column-rule-style: double; column-rule-style
: double;"> |
53 <div></div> | 52 <div></div> |
54 </div> | 53 </div> |
OLD | NEW |