<!DOCTYPE html> <html lang="en"> <head> <title> CSS Dimension min-height </title> <meta charset="UTF-8"> <style> div { height: 100px; min-height: 200px; background: #abf08c; padding: 10px; text-align:center; } p { min-height: 100px; background: #ac8def; padding: 10px; text-align:center; } </style> </head> <body> <div>The minimum height of this div element is set to 200px, so it can't be smaller than that.</div> <p>Enter some more line of text to see how it works.</p> </body> </html>
