relevant-width-overflow-1.html (426B)
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>