mozilla-release/layout/reftests/font-inflation/height-constraint-percent-4-ref.html

<!DOCTYPE HTML>
<style>
div { margin-top: 0; font-size: 12px; width: 450px }
#center-block { height: 80%; }
#center-col { background: yellow }
#containing-block { height: 800px; }
p { margin-top: 0px; }

</style>
<!--
Because the height of the containing block is constrained, the percent height should also
be constrained, resulting in font inflation being disabled.
-->
<div id="containing-block">
  <div id="center-block">
    <div id="center-col">
      <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p>
    </div>
  </div>
</div>