36 lines
605 B
HTML
36 lines
605 B
HTML
<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>
|