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

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