summaryrefslogtreecommitdiffstats
path: root/layout/reftests/font-inflation/relevant-width-1.html
blob: 814917786d86f3f7844598917b6f96c898e08859 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE HTML>
<style>
div.outer { font-size: 12px; width: 600px }
div.middle { width: 450px; }
div.inner { width: 300px; }
</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 class="outer">
  <div class="middle">
    Text in middle.
    <div class="inner">Text in inner.</div>
  </div>
</div>