<!DOCTYPE HTML>
<html>
<head>
<style>
span { display:inline-block; width:10em; }
</style>
</head>
<body style="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	.</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	.</td>
<tr><td>form-feed.</td>
</table>
</body>
</html>