| <style> |
| .container { |
| background-color: lightblue; |
| height: 200px; |
| width: 100px; |
| -webkit-columns: 2; |
| -webkit-column-gap: 0; |
| columns: 2; |
| column-gap: 0; |
| column-fill: auto; |
| margin: 8px; |
| } |
| |
| .margin-before { |
| -webkit-margin-before: 30px; |
| width: 60px; |
| } |
| |
| .test { |
| font: 20px Ahem; |
| background-color: yellow; |
| } |
| </style> |
| <div class="container" style="-webkit-writing-mode: vertical-rl;"> |
| <div> |
| <div class="margin-before"></div> |
| <div class="test">Test</div> |
| </div> |
| </div> |
| |
| <div class="container" style="-webkit-writing-mode: vertical-lr;"> |
| <div> |
| <div class="margin-before"></div> |
| <div class="test">Test</div> |
| </div> |
| </div> |