blob: 36518494015505cc0c25b9c05b57322757d9ae47 [file] [log] [blame]
<style>
div.test {
-webkit-logical-width: 50px;
-webkit-logical-height: 100px;
background-color: green;
}
div.green {
background-color: blue;
-webkit-logical-height: 50px;
}
div.lr {
-webkit-writing-mode: vertical-lr;
}
div.rl {
-webkit-writing-mode: vertical-rl;
}
</style>
<div class="test lr">
<div class="green"></div>
</div>
<div class="test lr">
<div class="green"></div>
</div>
<div class="test rl">
<div class="green"></div>
</div>
<div class="test rl">
<div class="green"></div>
</div>