| <head> |
| |
| <style> |
| body { overflow: hidden; } |
| .fixedWidth { |
| width: 300px; |
| border: 1px solid blue; |
| margin-bottom: 10px; |
| text-decoration: underline; |
| } |
| .minWidth { |
| border: 1px solid green; |
| text-decoration: underline; |
| } |
| </style> |
| |
| </head> |
| |
| <body> |
| |
| <p>Two words with no spaces.</p> |
| <div class="fixedWidth">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div> |
| <table cellspacing=0 cellpadding=0><tr><td class="minWidth">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td><td style="width: 100%"></td></tr></table> |
| |
| <p>Using <wbr> to break words.</p> |
| <div class="fixedWidth">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div> |
| <table cellspacing=0 cellpadding=0><tr><td class="minWidth">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td><td style="width: 100%"></td></tr></table> |
| |
| <p>Using <wbr> within <nobr> to break words.</p> |
| <div class="fixedWidth"><nobr>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</nobr></div> |
| <table cellspacing=0 cellpadding=0><tr><td class="minWidth"><nobr>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</nobr></td><td style="width: 100%"></td></tr></table> |
| |
| <p>Using <wbr> to break three words.</p> |
| <div class="fixedWidth">aaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbb<wbr>cccccccccccccccccccccccc</div> |
| <table cellspacing=0 cellpadding=0><tr><td class="minWidth">aaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbb<wbr>cccccccccccccccccccccccc</td><td style="width: 100%"></td></tr></table> |
| |
| <p>Using <wbr> within <nobr> to break three words.</p> |
| <div class="fixedWidth"><nobr>aaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbb<wbr>cccccccccccccccccccccccc</nobr></div> |
| <table cellspacing=0 cellpadding=0><tr><td class="minWidth"><nobr>aaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbb<wbr>cccccccccccccccccccccccc</nobr></td><td style="width: 100%"></td></tr></table> |
| |
| <p>Spaces both before and after <wbr> to check for collapsing behavior.</p> |
| <div class="fixedWidth">aaa <wbr> bbb</div> |
| |
| </body> |
