-1:000000000000 | 0:a779b09d7aad |
---|---|
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> |