<style>
    div.test {
        inline-size: 50px;
        block-size: 100px;
        background-color: green;
    }

    div.green {
        background-color: blue;
        block-size: 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>