<html>
<head>
<style>
#div1 {
width:500px;
margin: auto;
border: 3px solid #73AD21;
}
#div2 {
max-width:500px;
margin: auto;
border: 3px solid #73AD21;
}
</style>
</head>
<body>
<div id="div1">Tengo un width: 500px;</div>
<br>
<div id="div2">Tengo un max-width: 500px;</div>
<p><strong>Tip:</strong> Redimenciona la ventana del navegador para ver los efectos</p>
</body>
</html>