ic-unit-012-ref.html (1120B)
1 <!DOCTYPE html> 2 3 <meta charset="UTF-8"> 4 5 <title>CSS Values and Units Test Reference File</title> 6 7 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> 8 9 <style> 10 @font-face 11 { 12 font-family: IcTestFullWidth; 13 src: url(/css/css-values/resources/IcTestFullWidth.woff2); 14 } 15 16 div 17 { 18 float: left; 19 font-family: IcTestFullWidth; 20 font-size: 80px; /* arbitrary font size */ 21 line-height: 1.8; /* arbitrary line-height */ 22 text-orientation: sideways; 23 writing-mode: vertical-rl; 24 } 25 26 div#blue 27 { 28 background-color: blue; 29 color: blue; 30 } 31 32 div#orange 33 { 34 background-color: orange; 35 color: orange; 36 } 37 </style> 38 39 <p>Test passes if there is a blue rectangle with the <strong>same height</strong> as an orange rectangle. 40 41 <div id="blue">水水水水水</div> 42 43 <div id="orange">水水水水水</div> 44 45 <!-- 46 47 水 (CJK water ideograph, U+6C34) glyph == 水 48 49 水 (CJK water ideograph, U+6C34) glyph == 水 50 51 -->