Home Explore Help
Sign In
khronosschoty
/
palemoon-dev
Watch 2
Star 1
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
palemoon-dev
/
platform
/
layout
/
reftests
/
font-inflation
/
consecutive-inline.html

consecutive-inline.html 522 B
Permalink History Raw

1234567891011121314151617181920212223242526272829303132 
  1. <!DOCTYPE HTML>
    2. 

  2. <style>
    3. 

  3.   div {
    4. 

  4.     width: 450px;
    5. 

  5.     font-size: 12px;
    6. 

  6.   }
    7. 

  7. 

  8.   a {
    9. 

  9.     font-weight: bold;
    10. 

  10.     line-height: 1.1em;
    11. 

  11.     color: blue;
    12. 

  12.   }
    13. 

  13. 

  14.   a#first {
    15. 

  15.     font-size: 12px;
    16. 

  16.     font-style: italic;
    17. 

  17.   }
    18. 

  18. 

  19.   a#second {
    20. 

  20.     font-size: 30px;
    21. 

  21.   }
    22. 

  22. 

  23. </style>
    24. 

  24. <!--
    25. 

  25. In a 450 px container, the minimum font size at 15em per line is 30px. This
    26. 

  26. means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px and 30px
    27. 

  27. gets mapped to 40px.
    28. 

  28. -->
    29. 

  29. <div>
    30. 

  30.   <a id="first" href="">Hello</a><a id="second" href="">Worldz</a>
    31. 

  31. </div>
    32. 

  32.