| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <!DOCTYPE html> | 
|  | 2 <style> | 
|  | 3     body { | 
|  | 4         -webkit-writing-mode: vertical-lr; | 
|  | 5     } | 
|  | 6     .columns { | 
|  | 7         border: 2px solid black; | 
|  | 8         width: 400px; | 
|  | 9     } | 
|  | 10     .column1, .column2 { | 
|  | 11         float: left; | 
|  | 12         height: 50%; | 
|  | 13     } | 
|  | 14     .big { font-size: 128px; } | 
|  | 15     .left { float: left; } | 
|  | 16 </style> | 
|  | 17 <div class="columns"> | 
|  | 18     <div class="column1"> | 
|  | 19         This is some text.<br> | 
|  | 20         This is some text.<br> | 
|  | 21         This is some text.<br> | 
|  | 22         This is some text.<br> | 
|  | 23         This is some text.<br> | 
|  | 24         This is some text.<br> | 
|  | 25         This is some text.<br> | 
|  | 26         This is some text.<br> | 
|  | 27         This is some text.<br> | 
|  | 28         This is some text.<br> | 
|  | 29         This is some text.<br> | 
|  | 30         This is some text.<br> | 
|  | 31         This is some text.<br> | 
|  | 32         This is some text.<br> | 
|  | 33         This is some text.<br> | 
|  | 34     </div> | 
|  | 35     <div class="column2"> | 
|  | 36         <span class="big left">T</span>his is some text.<br> | 
|  | 37         This is some text.<br> | 
|  | 38         This is some text.<br> | 
|  | 39         This is some text.<br> | 
|  | 40         This is some text.<br> | 
|  | 41         This is some text.<br> | 
|  | 42         This is some text.<br> | 
|  | 43         This is some text.<br> | 
|  | 44         This is some text.<br> | 
|  | 45         This is some text.<br> | 
|  | 46         This is some text.<br> | 
|  | 47         This is some text.<br> | 
|  | 48         This is some text.<br> | 
|  | 49     </div> | 
|  | 50 </div> | 
| OLD | NEW | 
|---|