CodePen Embed - GRyexGM

<p>font-size: 10px</p>
<div class="div1">
  font-size: 20px
  (10px * 2)
  <div class="div1">
    font-size: 40px
    (20px * 2)
    <div class="div2">
      font-size: 32px
      (16px * 2)
      <div class="div3">
        font-size: 16px;
        (32px * 50%)
      </div>
    </div>
  </div>
</div>

body {
  font-size: 10px;
}

.div1 {
  font-size: 2em;
  
}

.div2 {
  font-size: 2rem;
}

.div3 {
  font-size: 50%;
}

This Pen is owned by minyoung on CodePen.

See more by @ming0 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.