บทบาทของ margin: inherit ใน CSS

สืบทอดค่า margin จากพาเรนต์

ใช้ margin: inherit เพื่อให้องค์ประกอบลูกใช้ค่า margin เดียวกับพาเรนต์

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <style>
    div {
      border: 2px solid blue;
      margin-left: 50px;
    }
    p.ex1 {
      margin-left: inherit;
    }
  </style>
</head>
<body>
  <p>Inheriting left margin from the parent element</p>
  <div>
    <p class="ex1">This is demo text with inherited left margin.</p>
  </div>
</body>
</html>