CodePen Embed - css length units3:rem

<p>The font-size of this document is 16px.</p>

<div class="rem-parent">The font-size of this div element is 1.5rem <span style="font-size:24px"> = 24px</span>
  <div class="rem-child">div element is 1rem <span style="font-size:16px"> = 16px</span></div>
  <div class="em">div element is 1em = 24px</div>
</div>

html, body {
  font-size: 16px;
}

.rem-parent {
  font-size: 1.5rem;
}

.rem-child {
  font-size: 1rem;
}

.em {
  font-size: 1em;
}

div {
  border: 1px solid black;
  padding: 10px;
}

This Pen is owned by gga4638 on CodePen.

See more by @gga4638 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.