Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
michael@0 | 1 | <!DOCTYPE HTML> |
michael@0 | 2 | <style> |
michael@0 | 3 | div { margin-top: 0; font-size: 34px; width: 450px } |
michael@0 | 4 | #center-block { height: 80%; } |
michael@0 | 5 | #containing-block { height: 80%; } |
michael@0 | 6 | #center-col { background: yellow } |
michael@0 | 7 | p { margin-top: 0px; } |
michael@0 | 8 | |
michael@0 | 9 | </style> |
michael@0 | 10 | <!-- |
michael@0 | 11 | In a 450px container, the minimum font size at 15em per line is 30px. |
michael@0 | 12 | This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px. |
michael@0 | 13 | --> |
michael@0 | 14 | <div id="containing-block"> |
michael@0 | 15 | <div id="center-block"> |
michael@0 | 16 | <div id="center-col"> |
michael@0 | 17 | <p>Life and death, dreaming and wakefulness: stations for the perplexed soul. It traverses them by stage, taking signs and hints from things, groping about in the sea of darkness, clinging stubbornly to a hope that smilingly and mysteriously renews itself. Traveler, what are you searching for? What emotions rage in your heart?</p> |
michael@0 | 18 | </div> |
michael@0 | 19 | </div> |
michael@0 | 20 | </div> |