word-spacing-01-ref.html (1449B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <style> 5 span { display:inline-block; width:10ch; } 6 /* first tab-position will be at 2 * (space-width + word-spacing), i.e. 22ch, 7 so to advance there after the 3-ch word "tab" we need 19ch of added space */ 8 span.tab { width: 19ch; } 9 </style> 10 </head> 11 <body style="font-family: monospace; width: 433px; height: 590px;"> 12 13 <table border="1"> 14 <tr><td>space <span></span>.</td> 15 <tr><td>nonbreaking-space <span></span>.</td> 16 <tr><td>ideographic-space .</td> 17 <tr><td>newline 18 <span></span>.</td> 19 <tr><td>tab	<span></span>.</td> 20 <tr><td>form-feed.</td> 21 </table> 22 23 <table border="1" style="white-space:pre"> 24 <tr><td>space <span></span>.</td> 25 <tr><td>nonbreaking-space <span></span>.</td> 26 <tr><td>ideographic-space .</td> 27 <tr><td>newline 28 .</td> 29 <tr><td>tab<span class=tab></span>.</td> 30 <tr><td>form-feed.</td> 31 </table> 32 33 <table border="1" style="white-space:nowrap"> 34 <tr><td>space <span></span>.</td> 35 <tr><td>nonbreaking-space <span></span>.</td> 36 <tr><td>ideographic-space .</td> 37 <tr><td>newline <span></span>.</td> 38 <tr><td>tab	<span></span>.</td> 39 <tr><td>form-feed.</td> 40 </table> 41 42 <table border="1" style="white-space:pre-wrap"> 43 <tr><td>space <span></span>.</td> 44 <tr><td>nonbreaking-space <span></span>.</td> 45 <tr><td>ideographic-space .</td> 46 <tr><td>newline 47 .</td> 48 <tr><td>tab<span class=tab></span>.</td> 49 <tr><td>form-feed.</td> 50 </table> 51 52 </body> 53 </html>