| <!DOCTYPE html> |
| <style> |
| div { |
| font-family: 'Courier New'; |
| font-family: 'Ahem'; |
| border: thin solid black; |
| white-space: pre; |
| display: inline-block; |
| vertical-align: top; |
| } |
| .c5 { width: 5.1ch; } |
| .c6 { width: 6.1ch; } |
| </style> |
| <div class="c5">Lorem<br>Ipsum<br>dollo<br>ABCDE<br>FGHI</div> |
| <div class="c5">Lorem<br>Ipsum<br><br>dollo<br>ABCDE<br>FGHI</div> |
| <div class="c5">Lorem<br><br>Ipsum<br><br>dollo<br>ABCDE<br>FGHI</div> |
| <div class="c5">Lorem<br><br>Ipsum<br><br>dollo<br>ABCDE<br>FGHI</div> |
| <br> |
| <div class="c6">Lorem<br>Ipsum<br>dollo<br>ABCDEF<br>GHI</div> |
| <div class="c6">Lorem<br>Ipsum<br>dollo<br>ABCDEF<br>GHI</div> |
| <div class="c6">Lorem<br>Ipsum<br>dollo<br>ABCDEF<br>GHI</div> |
| <div class="c6">Lorem<br>Ipsum<br>dollo<br>ABCDEF<br>GHI</div> |