HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <title>scroll-margin: four values</title>
  <style>
    .box {
      height: 160px;
      overflow: auto;
    }
    section {
      height: 160px;
      scroll-margin: 48px 8px 16px 8px;
    }
  </style>
</head>
<body>
  <p><a href="#b">Go to B</a></p>
  <div class="box">
    <section id="a">A</section>
    <section id="b">B</section>
  </div>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

CSS scroll-margin Property — Four Values