2012-05-20 22:18:28 -07:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<style>
|
|
|
|
|
div.outer { font-size: 12px; width: 600px }
|
2012-06-12 12:43:09 -07:00
|
|
|
div.middle { width: 450px; }
|
|
|
|
|
div.inner { width: 300px; overflow: hidden; }
|
2012-05-20 22:18:28 -07:00
|
|
|
</style>
|
|
|
|
|
<!--
|
|
|
|
|
In a 450px container, the minimum font size at 15em per line is 30px.
|
|
|
|
|
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
|
|
|
|
|
-->
|
|
|
|
|
<div class="outer">
|
2012-06-12 12:43:09 -07:00
|
|
|
<div class="middle">
|
|
|
|
|
Text in middle.
|
|
|
|
|
<div class="inner">Text in inner.</div>
|
|
|
|
|
</div>
|
2012-05-20 22:18:28 -07:00
|
|
|
</div>
|
