CodePen Embed - Cal rem 0.75em 0.5vw

<body>

<h1>The padding-top Property</h1>
  
  <p>a random paragraph to show padding</p>

<p class="padding2">This text has a top padding of 5%. This text has a top padding of 5%. This text has a top padding of 5%.</p>
  
  <p>a random paragraph to show padding</p>

</body>

p.padding2 {
  padding-block: calc(0.75rem + 0.5vw);
  padding-left:  calc(0.75rem + 0.5vw);
  padding-right: calc(0.75rem + 0.5vw);
}

Run Pen

This Pen is owned by Drew Campbell-Griffiths on CodePen.

See more by @drew-campbell-griffiths on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.