blob: ea5bcacd8bf24ae994065b7d801ffc0e9ca3983a [file] [log] [blame]
<style>
.container {
background-color: lightblue;
height: 200px;
width: 100px;
-webkit-columns: 2;
-webkit-column-gap: 0;
-webkit-column-fill: auto;
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>