44 lines
2.1 KiB
HTML
44 lines
2.1 KiB
HTML
<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 <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>
|