53 lines
1.4 KiB
HTML
53 lines
1.4 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
span { display:inline-block; width:10ch; }
|
|
/* first tab-position will be at 2 * (space-width + word-spacing), i.e. 22ch,
|
|
so to advance there after the 3-ch word "tab" we need 19ch of added space */
|
|
span.tab { width: 19ch; }
|
|
</style>
|
|
</head>
|
|
<body style="font-family: monospace; width: 433px; height: 590px;">
|
|
|
|
<table border="1">
|
|
<tr><td>space <span></span>.</td>
|
|
<tr><td>nonbreaking-space <span></span>.</td>
|
|
<tr><td>ideographic-space　.</td>
|
|
<tr><td>newline
|
|
<span></span>.</td>
|
|
<tr><td>tab	<span></span>.</td>
|
|
<tr><td>form-feed.</td>
|
|
</table>
|
|
|
|
<table border="1" style="white-space:pre">
|
|
<tr><td>space <span></span>.</td>
|
|
<tr><td>nonbreaking-space <span></span>.</td>
|
|
<tr><td>ideographic-space　.</td>
|
|
<tr><td>newline
|
|
.</td>
|
|
<tr><td>tab<span class=tab></span>.</td>
|
|
<tr><td>form-feed.</td>
|
|
</table>
|
|
|
|
<table border="1" style="white-space:nowrap">
|
|
<tr><td>space <span></span>.</td>
|
|
<tr><td>nonbreaking-space <span></span>.</td>
|
|
<tr><td>ideographic-space　.</td>
|
|
<tr><td>newline <span></span>.</td>
|
|
<tr><td>tab	<span></span>.</td>
|
|
<tr><td>form-feed.</td>
|
|
</table>
|
|
|
|
<table border="1" style="white-space:pre-wrap">
|
|
<tr><td>space <span></span>.</td>
|
|
<tr><td>nonbreaking-space <span></span>.</td>
|
|
<tr><td>ideographic-space　.</td>
|
|
<tr><td>newline
|
|
.</td>
|
|
<tr><td>tab<span class=tab></span>.</td>
|
|
<tr><td>form-feed.</td>
|
|
</table>
|
|
|
|
</body>
|
|
</html>
|