| OLD | NEW |
| (Empty) |
| 1 <style> | |
| 2 body { | |
| 3 -webkit-writing-mode: vertical-rl; | |
| 4 } | |
| 5 | |
| 6 div.columns { | |
| 7 -webkit-columns: 2; | |
| 8 -webkit-column-rule-color: gray; | |
| 9 -webkit-column-rule-width: 12px; | |
| 10 columns: 2; | |
| 11 column-rule-color: gray; | |
| 12 column-rule-width: 12px; | |
| 13 column-fill: auto; | |
| 14 width: 200px; | |
| 15 height: 20px; | |
| 16 display: inline-block; | |
| 17 } | |
| 18 | |
| 19 div.columns div { | |
| 20 width: 400px; | |
| 21 } | |
| 22 </style> | |
| 23 | |
| 24 <div class="columns" style="-webkit-column-rule-style: solid; column-rule-style:
solid;"> | |
| 25 <div></div> | |
| 26 </div> | |
| 27 | |
| 28 <div class="columns" style="-webkit-column-rule-style: dotted; column-rule-style
: dotted;"> | |
| 29 <div></div> | |
| 30 </div> | |
| 31 | |
| 32 <div class="columns" style="-webkit-column-rule-style: dashed; column-rule-style
: dashed;"> | |
| 33 <div></div> | |
| 34 </div> | |
| 35 | |
| 36 <div class="columns" style="-webkit-column-rule-style: groove; column-rule-style
: groove;"> | |
| 37 <div></div> | |
| 38 </div> | |
| 39 | |
| 40 <div class="columns" style="-webkit-column-rule-style: ridge; column-rule-style:
ridge;"> | |
| 41 <div></div> | |
| 42 </div> | |
| 43 | |
| 44 <div class="columns" style="-webkit-column-rule-style: inset; column-rule-style:
inset;"> | |
| 45 <div></div> | |
| 46 </div> | |
| 47 | |
| 48 <div class="columns" style="-webkit-column-rule-style: outset; column-rule-style
: outset;"> | |
| 49 <div></div> | |
| 50 </div> | |
| 51 | |
| 52 <div class="columns" style="-webkit-column-rule-style: double; column-rule-style
: double;"> | |
| 53 <div></div> | |
| 54 </div> | |
| OLD | NEW |