c5525-fltmult-000-ref.xht (1459B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 5 <head> 6 7 <title>CSS Reftest Reference</title> 8 9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> 10 11 <style type="text/css"><![CDATA[ 12 table 13 { 14 border-spacing: 20px 0px; 15 margin: 10px 0px 10px -20px; 16 } 17 18 table#top {padding: 10px 0px 0px;} 19 20 table#top td 21 { 22 border: black solid 20px; 23 padding: 36px 0px; 24 text-align: center; 25 width: 100px; 26 } 27 28 table#bottom td 29 { 30 border-left: black solid 20px; 31 border-right: black solid 20px; 32 padding: 0px; 33 width: 100px; 34 } 35 36 .black {background-color: black;} 37 38 .yellow {background-color: yellow;} 39 40 .blue 41 { 42 background-color: blue; 43 color: white; 44 } 45 46 .silver {background-color: silver;} 47 48 .green 49 { 50 background-color: green; 51 color: white; 52 } 53 ]]></style> 54 55 </head> 56 57 <body> 58 59 <p>Below you should see four blocks side by side followed by a 60 matching cross section of the four blocks.</p> 61 62 <table id="top"> 63 <tr> 64 <td class="yellow">Yellow</td> <td class="blue">Blue</td> <td class="silver">Silver</td> <td class="green">Green</td> 65 </tr> 66 </table> 67 68 <table id="bottom"> 69 <tr> 70 <td class="yellow"> </td> <td class="blue"> </td> <td class="silver"> </td> <td class="green"> </td> 71 </tr> 72 </table> 73 74 </body> 75 </html>