<!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>