multicol-basic-ref.html (1649B)
1 <!DOCTYPE html> 2 <html> 3 <!-- Submitted from TestTWF Paris --> 4 <head> 5 <title>CSS Test reference</title> 6 <link rel="author" title="Anselm Hannemann" href="mailto:info@anselm-hannemann.com"/> 7 <link rel="reviewer" title="Elika J Etemad" href="http://fantasai.inkedblade.net/contact"> 8 <meta name="flags" content="ahem"/> 9 10 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 11 <style type="text/css"> 12 .multicol-wrapper>*{ 13 font: 20px/1 Ahem; 14 } 15 16 div.multicol-wrapper{ 17 border: thin solid black; 18 display: inline-block; 19 margin: 1em auto; 20 width: 360px; 21 } 22 23 .multicol-basic-ref{ 24 background: yellow; 25 width: 360px; 26 border-spacing: 0; 27 border-collapse: collapse; 28 padding: 0; 29 } 30 31 .multicol-basic-ref td{ 32 padding: 0; 33 } 34 .multicol-basic-ref-item{ 35 padding: 0; 36 width: 120px; 37 background: #000; 38 border-spacing: 0; 39 border-collapse: collapse; 40 display: inline; 41 border: none; 42 } 43 44 .item-1{ 45 background: purple; 46 color: purple; 47 } 48 49 .item-2{ 50 background: orange; 51 color: orange; 52 } 53 54 .item-3{ 55 background: blue; 56 color: blue; 57 } 58 </style> 59 </head> 60 <body> 61 <p>Test passes if there are three vertical stripes in the yellow box below: 1st purple, 2nd orange, 3rd blue.</p> 62 <div class="multicol-wrapper"> 63 <table class="multicol-basic-ref"> 64 <tr> 65 <td><div class="multicol-basic-ref-item item-1">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</div></td> 66 <td><div class="multicol-basic-ref-item item-2">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</div></td> 67 <td><div class="multicol-basic-ref-item item-3">XXXX XXXX XXXX XXXX XXXX XXXX XXXX</div></td> 68 </tr> 69 </table> 70 </div> 71 </body> 72 </html>