height-constraint-percent-7.html 658 B

1234567891011121314151617
  1. <!DOCTYPE HTML>
  2. <style>
  3. div { margin-top: 0; font-size: 12px; width: 450px }
  4. #center-block { max-height: 400px; }
  5. #center-col { background: yellow }
  6. p { margin-top: 0px; }
  7. </style>
  8. <!--
  9. Because the max height is constrained, this should not be inflated.
  10. -->
  11. <div id="center-block">
  12. <div id="center-col">
  13. <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>
  14. </div>
  15. </div>