<!DOCTYPE html> <html lang="en"> <head> <title> CSS Dimension min-width </title> <meta charset="UTF-8"> <style> div { width: 300px; min-width: 400px; background: #FFC0CB; padding: 10px; text-align: center; } p { float: left; min-width: 400px; background: #F0E68C; padding: 10px; text-align: center; } </style> </head> <body> <div>The minimum width of this div element is set to 400px, so it can't be narrower than that.</div> <p>Enter some text to see how min-width it works.</p> </body> </html>
