Try it Yourself: CSS Max-width

CSS Max-width

<!DOCTYPE html>
<html>
<head>
<style>
.content {
  max-width: 800px;
  width: 100%;
}
</style>
</head>
<body>

<div class="content">
  <p>This paragraph never grows wider than 800px.</p>
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
.content {
  max-width: 800px;
  width: 100%;
}
</style>
</head>
<body>

<div class="content">
  <p>This paragraph never grows wider than 800px.</p>
</div>

</body>
</html>