OLD | NEW |
| (Empty) |
1 <style> | |
2 .container { | |
3 background-color: lightblue; | |
4 height: 200px; | |
5 width: 100px; | |
6 -webkit-columns: 2; | |
7 -webkit-column-gap: 0; | |
8 columns: 2; | |
9 column-gap: 0; | |
10 column-fill: auto; | |
11 margin: 8px; | |
12 } | |
13 | |
14 .margin-before { | |
15 -webkit-margin-before: 30px; | |
16 width: 60px; | |
17 } | |
18 | |
19 .test { | |
20 font: 20px Ahem; | |
21 background-color: yellow; | |
22 } | |
23 </style> | |
24 <div class="container" style="-webkit-writing-mode: vertical-rl;"> | |
25 <div> | |
26 <div class="margin-before"></div> | |
27 <div class="test">Test</div> | |
28 </div> | |
29 </div> | |
30 | |
31 <div class="container" style="-webkit-writing-mode: vertical-lr;"> | |
32 <div> | |
33 <div class="margin-before"></div> | |
34 <div class="test">Test</div> | |
35 </div> | |
36 </div> | |
OLD | NEW |