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