table-anonymous-whitespace-001.xht (1878B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 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 8 does not generate any boxes."/> 9 <style type="text/css"><![CDATA[ 10 /* Must use <div> tables for this test because parsers do weird things 11 to the contents of <table>-related elements. */ 12 .pre { 13 white-space: pre; 14 } 15 .table, table { 16 display: table; 17 border: solid silver; 18 border-spacing: 1px; 19 margin: 0.5em; 20 } 21 .row { 22 display: table-row; 23 } 24 .cell, td { 25 display: table-cell; 26 border: solid blue; 27 } 28 table, td { 29 padding: 0; 30 } 31 ]]></style> 32 33 </head> 34 <body> 35 <p>The size and contents of the four silver boxes below must be identical.</p> 36 37 <div class="pre table"> 38 <div class="cell">A</div> 39 <div class="cell">B</div> 40 <div class="row"> 41 <div class="cell">C</div> 42 <div class="cell">D</div> 43 </div> 44 </div> 45 46 <div class="table"> 47 <div class="cell">A</div> 48 <div class="cell">B</div> 49 <div class="row"> 50 <div class="cell">C</div> 51 <div class="cell">D</div> 52 </div> 53 </div> 54 55 <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> 56 57 <!-- use a real <table> with all elements only as a control --> 58 <table> 59 <tr><td>A</td><td>B</td></tr> 60 <tr><td>C</td><td>D</td></tr> 61 </table> 62 </body> 63 </html>