margin-collapse-clear-002-ref.xht (1418B)
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 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> 9 10 <style type="text/css"><![CDATA[ 11 table 12 { 13 border-collapse: separate; 14 border-spacing: 0px; 15 } 16 17 td#first-column {padding: 0px 4px 0px 6px;} 18 19 td#second-column 20 { 21 border: black solid thin; 22 padding: 0px; 23 width: 150px; 24 } 25 26 div {height: 50px;} 27 28 div.sliver-yellow {border-left: yellow solid 10px;} 29 30 div.sliver-aqua 31 { 32 border-left: 5px solid aqua; 33 height: 20px; 34 } 35 36 div.sliver-orange {border-left: orange solid 10px;} 37 38 div.yellow {background-color: yellow;} 39 40 div.aqua 41 { 42 background-color: aqua; 43 height: 20px; 44 width: 20px; 45 } 46 47 div.orange {background-color: orange;} 48 ]]></style> 49 50 </head> 51 52 <body> 53 54 <p>The coloured bars on the left should match the coloured boxes in the black box.</p> 55 56 <table> 57 <tr> 58 <td id="first-column"> 59 <div class="sliver-yellow"></div> 60 <div><div class="sliver-aqua"></div></div> 61 <div class="sliver-orange"></div> 62 </td> 63 <td id="second-column"> 64 <div class="yellow">A</div> 65 <div><div class="aqua">B</div></div> 66 <div class="orange">C</div> 67 </td> 68 </tr> 69 </table> 70 71 </body> 72 </html>