blob: 0748cc0280574310668da91367128dfaef7d96c3 [file] [log] [blame]
<!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>