Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
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>