<!DOCTYPE html>
<html>
<head>
<style>
div.ex1 {
width: 500px;
margin: auto;
border: 3px solid #73AD21;
}
div.ex2 {
max-width: 500px;
margin: auto;
border: 3px solid #73AD21;
}
</style>
</head>
<body>
<h2>CSS Max-width</h2>
<div class="ex1">Этот div элемент имеет (ширину) width: 500px;</div>
<br>
<div class="ex2">Этот div элемент имеет (максимальную ширину) max-width: 500px;</div>
<p><strong>Совет:</strong> Измените размер окна браузера до ширины менее 500 пикселей, чтобы увидеть разницу между двумя div!</p>
</body>
</html>