| <!DOCTYPE html> |
| <style> |
| body { |
| -webkit-writing-mode: vertical-rl; |
| } |
| .columns { |
| height: 400px; |
| width: 200px; |
| -webkit-column-width: 200px; |
| -webkit-column-gap: 0; |
| border: 5px solid blue; |
| margin-right: 1em; |
| line-height: 20px; |
| } |
| </style> |
| <div class="columns"> |
| First column<br> |
| First column<br> |
| First column<br> |
| First column<br> |
| First column<br> |
| First column<br> |
| First column<br> |
| First column<br> |
| First column<br> |
| First column<br> |
| <div style="-webkit-column-break-before: always"> |
| Second column<br> |
| Second column<br> |
| Second column<br> |
| Second column<br> |
| </div> |
| </div> |
| <div class="columns"> |
| First column<br> |
| First column<br> |
| First column<br> |
| First column<br> |
| <div style="-webkit-column-break-before: always"> |
| Second column<br> |
| Second column<br> |
| Second column<br> |
| Second column<br> |
| Second column<br> |
| Second column<br> |
| Second column<br> |
| Second column<br> |
| Second column<br> |
| Second column<br> |
| </div> |
| </div> |