|
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; width: 600px">123456789 |
|
15 123456789 |
|
16 123456789 |
|
17 123456789 |
|
18 1234567890</p> |
|
19 <p>123456789 |
|
20 123456789 |
|
21 123456789 |
|
22 123456789 |
|
23 123456789</p> |