summaryrefslogtreecommitdiffstats
path: root/layout/reftests/font-inflation/height-constraint-percent-3-ref.html
blob: 1fc8f9e0a902549b54a9a25006386625ae896d02 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE HTML>
<style>
div { font-size: 34px; width: 450px }
#center-block { height: -moz-calc(80% + 5%); }
#center-col { background: yellow; }
p { margin-top: 0px; }

</style>
<!--
In a 450px container, the minimum font size at 15em per line is 30px.
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
-->
<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>