blob: e87eeb3b26a4c3ffc482f17c51c3551e98601748 [file] [log] [blame]
<head>
<style>
.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 &lt;wbr&gt; 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 &lt;wbr&gt; within &lt;nobr&gt; 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 &lt;wbr&gt; 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 &lt;wbr&gt; within &lt;nobr&gt; 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 &lt;wbr&gt; to check for collapsing behavior.</p>
<div class="fixedWidth">aaa <wbr> bbb</div>
</body>