คุณสมบัติ max-width ใช้กำหนดความกว้างสูงสุดที่ Box สามารถมีได้ ค่าสามารถเป็นตัวเลข, ความยาว, หรือเปอร์เซ็นต์
<html>
<head></head>
<body>
<p style="max-width:100px; height:200px; border:1px solid green; padding:5px; margin:10px;">
This paragraph is 200px high and max width is 100px
</p>
<img alt="logo" src="/css/images/logo.png" width="100" height="100" />
</body>
</html>
ประโยชน์: ป้องกันไม่ให้ Element กว้างเกินไป เหมาะสำหรับ Responsive Design
