relevant-width-1.html 408 B

1234567891011121314151617
  1. <!DOCTYPE HTML>
  2. <style>
  3. div.outer { font-size: 12px; width: 600px }
  4. div.middle { width: 450px; }
  5. div.inner { width: 300px; }
  6. </style>
  7. <!--
  8. In a 450px container, the minimum font size at 15em per line is 30px.
  9. This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
  10. -->
  11. <div class="outer">
  12. <div class="middle">
  13. Text in middle.
  14. <div class="inner">Text in inner.</div>
  15. </div>
  16. </div>