<!DOCTYPE html>
<style>
.columns {
-webkit-columns: 2;
-webkit-column-gap: 0;
column-fill: auto;
border: 2px solid black;
height: 400px;
line-height: 20px;
orphans: 1;
widows: 1;
}
.big {
font-size: 128px;
line-height: 154px;
}
.left { float: left; }
</style>
<p>There should be a big T in the second column.</p>
<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>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
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>
</p>
</div>