content-height-004-ref.html (699B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS2 Line height test: explicit sizing</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 5 <style> 6 @font-face { 7 font-family: 'high-a-only'; 8 font-style: normal; 9 font-weight: 400; 10 src: url(/fonts/Revalia.woff) format('woff'); 11 unicode-range: U+0061, U+0020; 12 } 13 14 div { 15 font-size: 50px; 16 display: inline-block; 17 color: transparent; 18 } 19 20 span { background: blue; } 21 22 div { font-family: high-a-only } 23 aside { 24 max-width: 300px; 25 overflow: hidden; 26 white-space: pre; 27 } 28 </style> 29 30 <p>Test passes if the blue shape below is a rectangle, but not some other polygon. 31 32 <aside> 33 <div><span>aaaaaaaaa</span></div> 34 </aside>