layout/reftests/font-inflation/relevant-width-overflow-1.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 div.outer { font-size: 12px; width: 600px }
   4 div.middle { width: 450px; }
   5 div.inner { width: 300px; overflow: hidden; }
   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>