Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS min-width property</title> <style> div { width: 300px; min-width: 400px; background: #FFC0CB; } p { min-width: 400px; display: inline-block; background: #F0E68C; } </style> </head> <body> <p>Enter some text to see how it works.</p> <div>The minimum width of this div element is set to 400px, so it can't be narrower than that.</div> </body> </html>
