<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> |