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