ch-unit-008.html (895B)
1 <!DOCTYPE html> 2 3 <meta charset="UTF-8"> 4 5 <title>CSS Values and Units Test: ch unit in width (basic)</title> 6 7 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> 8 <link rel="help" href="https://www.w3.org/TR/css-values-3/#font-relative-lengths"> 9 <link rel="match" href="reference/ch-unit-008-ref.html"> 10 11 12 <style> 13 div 14 { 15 font-size: 80px; /* arbitrary font size */ 16 } 17 18 div#test-blue 19 { 20 background-color: blue; 21 height: 1.8em; 22 width: 5ch; 23 } 24 25 div#reference-orange 26 { 27 background-color: orange; 28 color: orange; 29 float: left; 30 line-height: 1.8; /* arbitrary line-height */ 31 } 32 </style> 33 34 <p>Test passes if there is a blue rectangle with the <strong>same width</strong> as an orange rectangle. 35 36 <div id="test-blue"></div> 37 38 <div id="reference-orange">00000</div>