<style>
    .container {
        background-color: lightblue;
        height: 200px;
        width: 100px;
        -webkit-columns: 2;
        -webkit-column-gap: 0;
        -webkit-column-fill: auto;
        columns: 2;
        column-gap: 0;
        column-fill: auto;
        margin: 8px;
    }

    .margin-before {
        -webkit-margin-before: 30px;
        width: 60px;
    }

    .test {
        font: 20px ahem;
        background-color: yellow;
    }
</style>
<div class="container" style="-webkit-writing-mode: vertical-rl;">
    <div>
        <div class="margin-before"></div>
        <div class="test">Test</div>
    </div>
</div>

<div class="container" style="-webkit-writing-mode: vertical-lr;">
    <div>
        <div class="margin-before"></div>
        <div class="test">Test</div>
    </div>
</div>