| <!DOCTYPE html> | |
| <style> | |
| div { | |
| position: absolute; | |
| font-family: Ahem; | |
| color: green; | |
| font-size: 100px; | |
| } | |
| .test { | |
| width: 0px; | |
| } | |
| .reference { | |
| color: red; | |
| white-space: pre; | |
| } | |
| span { | |
| padding-left: 100px; | |
| word-break: break-word; | |
| } | |
| </style> | |
| <!-- we should be able to break the inline box content after the first 'X' --> | |
| <div class="reference"> X | |
| X</div> | |
| <div class=test><span>XX</span></div> |