Demo: CSS max-block-size

<div class='container'><div class='box'>This box has a maximum block size.</div></div>

.container { display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f0f0f0; } .box { background-color: #4CAF50; color: white; padding: 20px; max-block-size: 150px; width: 200px; border-radius: 8px; overflow: hidden; height: 300px; }

// No JavaScript required for this demo