Demo: CSS max-height

<div class='container'><h2>Content with Max Height</h2><div class='content'>This is a long piece of content that will be limited by the max-height property. If the content exceeds the specified max height, it will not be fully visible. This is useful for creating scrollable areas or limiting the size of elements on the page. You can add more text here to see how the max-height works in action. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum.</div></div>

.container { width: 300px; border: 1px solid #ccc; padding: 10px; }
.content { max-height: 100px; overflow: auto; background-color: #f0f0f0; padding: 10px; }

// No JavaScript required for this demo

Content with Max Height

This is a long piece of content that will be limited by the max-height property. If the content exceeds the specified max height, it will not be fully visible. This is useful for creating scrollable areas or limiting the size of elements on the page. You can add more text here to see how the max-height works in action. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum.