<!DOCTYPE html>
<style>
html {
-webkit-writing-mode: vertical-rl;
}
.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>
<p>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
</p>
</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>
</div>
</div>