HTML Code

<!DOCTYPE html>
<html>
<head>
  <title>CSS max-inline-size 300px</title>
  <style>
    body {
      font-family: sans-serif;
      padding: 1.5rem;
      background: #f8fafc;
    }
    p {
      max-inline-size: 300px;
      border: 1px solid #ccc;
      padding: 10px;
      border-radius: 0.5rem;
    }
  </style>
</head>
<body>
  <h1>Paragraph Max Inline Size: 300px</h1>
  <p>
    This paragraph will not exceed 300 pixels in width, even if the containing block is wider. This is useful for ensuring that text does not stretch too wide on large screens.
  </p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

CSS max-inline-size Property - 300px Paragraph Cap