third_party/WebKit/LayoutTests/fast/text/wbr.html

   1 <head>
   2
   3 <style>
   4 body { overflow: hidden; }
   5 .fixedWidth {
   6     width: 300px;
   7     border: 1px solid blue;
   8     margin-bottom: 10px;
   9     text-decoration: underline;
  10 }
  11 .minWidth {
  12     border: 1px solid green;
  13     text-decoration: underline;
  14 }
  15 </style>
  16
  17 </head>
  18
  19 <body>
  20
  21 <p>Two words with no spaces.</p>
  22 <div class="fixedWidth">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
  23 <table cellspacing=0 cellpadding=0><tr><td class="minWidth">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td><td style="width: 100%"></td></tr></table>
  24
  25 <p>Using &lt;wbr&gt; to break words.</p>
  26 <div class="fixedWidth">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>
  27 <table cellspacing=0 cellpadding=0><tr><td class="minWidth">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</td><td style="width: 100%"></td></tr></table>
  28
  29 <p>Using &lt;wbr&gt; within &lt;nobr&gt; to break words.</p>
  30 <div class="fixedWidth"><nobr>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</nobr></div>
  31 <table cellspacing=0 cellpadding=0><tr><td class="minWidth"><nobr>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</nobr></td><td style="width: 100%"></td></tr></table>
  32
  33 <p>Using &lt;wbr&gt; to break three words.</p>
  34 <div class="fixedWidth">aaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbb<wbr>cccccccccccccccccccccccc</div>
  35 <table cellspacing=0 cellpadding=0><tr><td class="minWidth">aaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbb<wbr>cccccccccccccccccccccccc</td><td style="width: 100%"></td></tr></table>
  36
  37 <p>Using &lt;wbr&gt; within &lt;nobr&gt; to break three words.</p>
  38 <div class="fixedWidth"><nobr>aaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbb<wbr>cccccccccccccccccccccccc</nobr></div>
  39 <table cellspacing=0 cellpadding=0><tr><td class="minWidth"><nobr>aaaaaaaaaaaaaaaaaaaaaaaa<wbr>bbbbbbbbbbbbbbbbbbbbbbbb<wbr>cccccccccccccccccccccccc</nobr></td><td style="width: 100%"></td></tr></table>
  40
  41 <p>Spaces both before and after &lt;wbr&gt; to check for collapsing behavior.</p>
  42 <div class="fixedWidth">aaa <wbr> bbb</div>
  43
  44 </body>