The Tor Browser / file comparison
comparison: layout/reftests/font-inflation/height-constraint-percent-3-ref.html
layout/reftests/font-inflation/height-constraint-percent-3-ref.html
- changeset 2
- 7e26c7da4463
equal
deleted
inserted
replaced
| -1:000000000000 | 0:de4a3130de01 |
|---|---|
| 1 <!DOCTYPE HTML> | |
| 2 <style> | |
| 3 div { font-size: 34px; width: 450px } | |
| 4 #center-block { height: -moz-calc(80% + 5%); } | |
| 5 #center-col { background: yellow; } | |
| 6 p { margin-top: 0px; } | |
| 7 | |
| 8 </style> | |
| 9 <!-- | |
| 10 In a 450px container, the minimum font size at 15em per line is 30px. | |
| 11 This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px. | |
| 12 --> | |
| 13 <div id="center-block"> | |
| 14 <div id="center-col"> | |
| 15 <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p> | |
| 16 </div> | |
| 17 </div> |
