123456789101112131415161718192021 |
- <!DOCTYPE HTML>
- <title>font.size.inflation.lineThreshold test: separate blocks count together</title>
- <style>
- body { font-size: 12px; width: 600px; }
- h1, p { margin: 0 }
- h1 { font-size: 48px; }
- </style>
- <!--
- In a 600px container, the minimum font size at 15em per line is 40px.
- This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
- Further, with a lineThreshold of 100, we need 50 characters of 12px
- text to meet the line threshold.
- -->
- <p>1234567890</p>
- <h1>Heading</h1>
- <p>123456789
- 123456789
- 123456789
- 1234567890</p>
|