threshold-scope-float-overflow-1-ref.html (603B)
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 11 Further, with a lineThreshold of 100, we need 50 characters of 12px 12 text to meet the line threshold. 13 --> 14 <p style="float:right; overflow: hidden; width: 600px; font-size: 44px">123456789 15 123456789 16 123456789 17 123456789 18 1234567890</p> 19 <p>123456789 20 123456789 21 123456789 22 123456789 23 123456789</p>