content-173.xht (2387B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 3 <!-- WARNING! 4 ! This file contains SIGNIFICANT trailing white space characters! 5 ! Edit with care! 6 !--> 7 8 <html xmlns="http://www.w3.org/1999/xhtml"> 9 <head> 10 <title>CSS Test: Generated Content: Nasty parsing and generated content test</title> 11 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> 12 <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/content/003.html" type="text/html"/> 13 <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content" /> 14 <link rel="match" href="content-173-ref.xht" /> 15 16 <style type="text/css"><![CDATA[ 17 td { font: 1em/1em monospace; border: solid; } 18 div { white-space: pre; } 19 /*******************************************************************************/ 20 /* FOR THE LOVE OF ALL CATS, DO NOT CHANGE THE FOLLOWING LINES IN ANY WAY! */ 21 /*******************************************************************************/ 22 .test:before { content: '\A ,\A _/((\A \ 23 _.---. .\' `\\\A .\' ' 24 ' ` ^ T=\A / \\ .--\'\A \ 25 | / )\'-.\A '; } 26 .test:after { content: ' ; , <__..-( \'-.) \A \\ \\-.__) ``--._\ 27 )\A jgs \'.\'-.__.-.\A \20\020 \0020\00020\000020 \'-.' '.' '.-\'\A' '\A'; } 28 /*******************************************************************************/ 29 30 ]]></style> 31 </head> 32 <body> 33 34 <p>The following two boxes should be perfectly <strong>identical</strong>, 35 <em>including</em> the blank lines and the margin between the edges 36 of the image and the border:</p> 37 38 <table> 39 <thead> 40 <tr> 41 <th> Test </th> 42 <th> Control </th> 43 </tr> 44 </thead> 45 <tbody> 46 <tr class="pre"> 47 <td> 48 <div class="test"></div> 49 </td> 50 <td> 51 <div> 52 , 53 _/(( 54 _.---. .' `\ 55 .' ` ^ T= 56 / \ .--' 57 | / )'-. 58 ; , <__..-( '-.) <!--significant white space at the end of this line--> 59 \ \-.__) ``--._) 60 jgs '.'-.__.-. 61 '-...-' 62 </div> 63 </td> 64 </tr> 65 </tbody> 66 </table> 67 68 <p>The cats should also be <strong>aligned vertically</strong> 69 (i.e. be at the same height); if they are not, then the test 70 has not passed.</p> 71 72 </body> 73 </html>