ch-units-vrl-005-ref.html (832B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS test reference</title> 4 <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> 5 <style> 6 div { 7 font-size: 20px; 8 color: transparent; 9 } 10 11 div:nth-of-type(1) { background: green; } 12 div:nth-of-type(2) { background: blue; } 13 div:nth-of-type(1), 14 div:nth-of-type(2) { 15 height: 5ch; 16 width: 5ch; 17 } 18 div:nth-of-type(3) { 19 background: orange; 20 writing-mode: vertical-rl; 21 text-orientation: upright; 22 height: 5ch; 23 width: 5ch; 24 } 25 </style> 26 <body> 27 <p>Test passes if there is a <strong>green square</strong> below, and if it is the <strong>same size as the blue</strong> one, not the orange one. 28 <p>If any of the 3 colored shapes is not a square, or if the orange and blue squares are the same size, the test fails. 29 <div></div> 30 <div></div> 31 <div></div> 32 </body>