content-height-005.html (1076B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS2 inline level box content height test</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 5 <link rel="help" href="https://drafts.csswg.org/css2/visudet.html#line-height"> 6 <link rel="mismatch" href="reference/content-height-005-ref.html"> 7 <meta name="assert" content="The height of the content area of an inline-level depends on the primary font"> 8 <style> 9 @font-face { 10 font-family: 'high'; 11 font-style: normal; 12 font-weight: 400; 13 src: url(/fonts/Revalia.woff) format('woff'); 14 } 15 @font-face { 16 font-family: 'deep'; 17 font-style: normal; 18 font-weight: 400; 19 src: url(/fonts/AD.woff) format('woff'); 20 } 21 22 div { 23 font-size: 50px; 24 display: inline-block; 25 } 26 27 span { 28 padding-left: 1em; 29 color: black; 30 border-top: solid 1px; 31 border-bottom: solid 1px; 32 } 33 34 div:nth-of-type(1) { font-family: deep; } 35 div:nth-of-type(2) { font-family: high; margin-left: -1em; } 36 </style> 37 38 <p>Test passes if there are <strong>more than 2</strong> lines below. 39 40 <div><span></span></div><div><span></span></div>