layout/reftests/font-inflation/threshold-3.html

   1 <!DOCTYPE HTML>
   2 <title>font.size.inflation.lineThreshold test: separate blocks count together</title>
   3 <style>
   4 body { font-size: 12px; width: 600px; }
   5 h1, p { margin: 0 }
   6 h1 { font-size: 48px; }
   7 </style>
   8 <!--
   9 In a 600px container, the minimum font size at 15em per line is 40px.
  10 This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
  11
  12 Further, with a lineThreshold of 100, we need 50 characters of 12px
  13 text to meet the line threshold.
  14 -->
  15 <p>1234567890</p>
  16 <h1>Heading</h1>
  17 <p>123456789
  18 123456789
  19 123456789
  20 1234567890</p>