text-box-trim-height-001-ref.html (666B)
1 <!DOCTYPE html> 2 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 3 <style> 4 .spacer { 5 background: lightgray; 6 block-size: 20px; 7 } 8 .target { 9 font: 100px/1 Ahem; 10 } 11 12 .height > .target, 13 .min-height > .target { 14 height: 120px; 15 } 16 17 .max-height > .target { 18 height: 10px; 19 } 20 </style> 21 22 <div class="height"> 23 <div class="spacer"></div> 24 <div class="target">ApÉx</div> 25 <div class="spacer"></div> 26 </div> 27 28 <div class="min-height"> 29 <div class="spacer"></div> 30 <div class="target">ApÉx</div> 31 <div class="spacer"></div> 32 </div> 33 34 <div class="max-height"> 35 <div class="spacer"></div> 36 <div class="target">ApÉx</div> 37 <div class="spacer"></div> 38 </div>