CSS Width ve Height - max-width Kullanımı

Konuya git Çalıştır 
<!DOCTYPE html>
<html>
<head>
<style>
div {
    max-width: 400px;
    height: 100px;
    background-color: #2196F3;
}
</style>
</head>
<body>

<h2> max-width kullanımıt</h2>


<div>max-width:400px değeri olmasa yatayda pencereyi kaplayacak.</div>

<p>Tarayıcı penceresini daraltın ve genişletin. Etkiyi göreceksiniz.</p>

</body>
</html>