1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: Table Anonymous Box Generation - interleaved whitespace</title>
5 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/">
6 <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping">
7 <meta name="assert" content="Anonymous white space inside a tabular container does not generate any boxes.">
8 <style type="text/css">
9 /* Must use <div> tables for this test because parsers do weird things
10 to the contents of <table>-related elements. */
11 .pre {
12 white-space: pre;
13 }
14 .table, table {
15 display: table;
16 border: solid silver;
17 border-spacing: 1px;
18 margin: 0.5em;
19 }
20 .row {
21 display: table-row;
22 }
23 .cell, td {
24 display: table-cell;
25 border: solid blue;
26 }
27 table, td {
28 padding: 0;
29 }
30 </style>
31
32 </head>
33 <body>
34 <p>The size and contents of the four silver boxes below must be identical.</p>
35
36 <div class="pre table">
37 <div class="cell">A</div>
38 <div class="cell">B</div>
39 <div class="row">
40 <div class="cell">C</div>
41 <div class="cell">D</div>
42 </div>
43 </div>
44
45 <div class="table">
46 <div class="cell">A</div>
47 <div class="cell">B</div>
48 <div class="row">
49 <div class="cell">C</div>
50 <div class="cell">D</div>
51 </div>
52 </div>
53
54 <div class="table"><div class="cell">A</div><div class="cell">B</div><div class="row"><div class="cell">C</div><div class="cell">D</div></div></div>
55
56 <!-- use a real <table> with all elements only as a control -->
57 <table>
58 <tr><td>A</td><td>B</td></tr>
59 <tr><td>C</td><td>D</td></tr>
60 </table>
61 </body>
62 </html>