OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
| 3 @font-face { |
| 4 font-family: Ahem; |
| 5 src: url('../../../resources/Ahem.woff2') format('woff2'); |
| 6 } |
3 body { | 7 body { |
4 font: 10px Ahem; | 8 font: 10px Ahem; |
5 } | 9 } |
6 .title { | 10 .title { |
7 font: 12px Times; | 11 font: 12px Times; |
8 } | 12 } |
9 .break-word { | 13 .break-word { |
10 word-wrap: break-word; | 14 word-wrap: break-word; |
11 } | 15 } |
12 </style> | 16 </style> |
(...skipping 15 matching lines...) Expand all Loading... |
28 <p class="test">A B<span style="white-space:pre"> </span>C</p> | 32 <p class="test">A B<span style="white-space:pre"> </span>C</p> |
29 </div> | 33 </div> |
30 <p class="title"> The two tabs should be on the second line by themselves. The d
iv allows breaking within words but it cannot split the two tabs inside a pre.</
p> | 34 <p class="title"> The two tabs should be on the second line by themselves. The d
iv allows breaking within words but it cannot split the two tabs inside a pre.</
p> |
31 <div style="width: 110px;" class="break-word"> | 35 <div style="width: 110px;" class="break-word"> |
32 <p class="test">A B<span style="white-space:pre"> </span>C</p> | 36 <p class="test">A B<span style="white-space:pre"> </span>C</p> |
33 </div> | 37 </div> |
34 <p class="title"> The two tabs should fit on the first line. The div allows bre
aking within words but it cannot split the two tabs inside a pre. The line can b
reak at the space before the C.</p> | 38 <p class="title"> The two tabs should fit on the first line. The div allows bre
aking within words but it cannot split the two tabs inside a pre. The line can b
reak at the space before the C.</p> |
35 <div style="width: 160px;" class="break-word"> | 39 <div style="width: 160px;" class="break-word"> |
36 <p class="test">A B<span style="white-space:pre"> </span> C</p> | 40 <p class="test">A B<span style="white-space:pre"> </span> C</p> |
37 </div> | 41 </div> |
| 42 <script> |
| 43 if (window.testRunner) { |
| 44 testRunner.waitUntilDone(); |
| 45 window.onload = function () { |
| 46 document.fonts.ready.then(function () { testRunner.notifyDone(); }); |
| 47 }; |
| 48 } |
| 49 </script> |
OLD | NEW |