threshold-scope-float-1.html 568 B

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