OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 body { |
| 4 font: 10px Ahem; |
| 5 } |
| 6 .title { |
| 7 font: 12px Times; |
| 8 } |
| 9 .break-word { |
| 10 word-wrap: break-word; |
| 11 } |
| 12 </style> |
| 13 <p class="title"> The single tab should be on the second line followed by the C.
The tab and the C form a single word so do not break.</p> |
| 14 <div style="width: 80px;"> |
| 15 <p class="test">A B<span style="white-space:pre"> </span>C</p> |
| 16 </div> |
| 17 <p class="title"> The two tabs should be at the start of the second line. The 'p
re' and the C form a single word so do not break. </p> |
| 18 <div style="width: 160px;"> |
| 19 <p class="test">A B<span style="white-space:pre"> </span>C</p> |
| 20 </div> |
| 21 <p class="title"> The two tabs should fit on the first line. The line can break
at the space before the C.</p> |
| 22 <div style="width: 160px;"> |
| 23 <p class="test">A B<span style="white-space:pre"> </span> C</p> |
| 24 </div> |
| 25 |
| 26 <p class="title"> The single tab should be on the second line by itself. The div
allows breaking within words so the word formed by the tab and the C can be spl
it.</p> |
| 27 <div style="width: 80px;" class="break-word"> |
| 28 <p class="test">A B<span style="white-space:pre"> </span>C</p> |
| 29 </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> |
| 31 <div style="width: 110px;" class="break-word"> |
| 32 <p class="test">A B<span style="white-space:pre"> </span>C</p> |
| 33 </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> |
| 35 <div style="width: 160px;" class="break-word"> |
| 36 <p class="test">A B<span style="white-space:pre"> </span> C</p> |
| 37 </div> |
OLD | NEW |