white-space-1a.html (1710B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <!-- Testing all combinations of pre/nowrap/pre-wrap/normal space pairs --> 5 <style> 6 .nowrap { white-space:nowrap; } 7 .pre { white-space:pre; } 8 .prewrap { white-space:pre-wrap; } 9 div { border:1px solid black; } 10 .container { float:left; width:20%; border-color:cyan; } 11 p { width:0; } 12 b { font-weight:normal; background-color:yellow; } 13 </style> 14 </head> 15 <body> 16 17 <div> 18 <p><b>Hello Kitty</b> 19 <p><b>Hello<span class="pre"> </span>Kitty</b> 20 <p><b>Hello<span class="nowrap"> </span>Kitty</b> 21 <p><b>Hello<span class="prewrap"> </span>Kitty</b> 22 </div> 23 24 <div class="container"> 25 <p><b>Hello Kitty</b> 26 <p><b>Hello<span class="pre"> </span> Kitty</b> 27 <p><b>Hello<span class="nowrap"> </span> Kitty</b> 28 <p><b>Hello<span class="prewrap"> </span> Kitty</b> 29 </div> 30 31 <div class="container"> 32 <p><b>Hello <span class="pre"> </span>Kitty</b> 33 <p><b>Hello<span class="pre"> </span><span class="pre"> </span>Kitty</b> 34 <p><b>Hello<span class="nowrap"> </span><span class="pre"> </span>Kitty</b> 35 <p><b>Hello<span class="prewrap"> </span><span class="pre"> </span>Kitty</b> 36 </div> 37 38 <div class="container"> 39 <p><b>Hello <span class="nowrap"> </span>Kitty</b> 40 <p><b>Hello<span class="pre"> </span><span class="nowrap"> </span>Kitty</b> 41 <p><b>Hello<span class="nowrap"> </span><span class="nowrap"> </span>Kitty</b> 42 <p><b>Hello<span class="prewrap"> </span><span class="nowrap"> </span>Kitty</b> 43 </div> 44 45 <div class="container"> 46 <p><b>Hello <span class="prewrap"> </span>Kitty</b> 47 <p><b>Hello<span class="pre"> </span><span class="prewrap"> </span>Kitty</b> 48 <p><b>Hello<span class="nowrap"> </span><span class="prewrap"> </span>Kitty</b> 49 <p><b>Hello<span class="prewrap"> </span>Kitty</b> 50 </div> 51 52 </body> 53 </html>