<!DOCTYPE html>
<style>
    body {
        -webkit-writing-mode: vertical-lr;
    }
    .columns {
        -webkit-columns: 2;
        -webkit-column-gap: 0;
        column-fill: auto;
        border: 2px solid black;
        width: 400px;
        line-height: 20px;
    }
    .big {
        font-size: 128px;
        line-height: 153px;
    }
    .left { float: left; }
</style>
<div class="columns">
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    This is some text.<br>
    <p>
        <span class="big left">T</span>his is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
        This is some text.<br>
    </p>
</div>