<!DOCTYPE html>
<style>
    body {
        -webkit-writing-mode: vertical-lr;
    }
    .columns {
        border: 2px solid black;
        width: 400px;
        line-height: 20px;
    }
    .column1, .column2 {
        float: left;
        height: 50%;
    }
    .big {
        font-size: 128px;
        line-height: 154px;
    }
    .left { float: left; }
</style>
<div class="columns">
    <div class="column1">
        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>
    </div>
    <div class="column2">
        <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>
    </div>
</div>