CodePen Embed - css length units2:em

<div class="parent">font-size is 16px <br>
  <span class="em">font-size is 2em = 24px</span> <br>
  <span>font-size is 24px</span>
</div>

<span class="em">font-size is 2em = 30px</span> <br>
<span style="font-size:30px">font-size is 30px</span>

body{
  font-size: 20px;
}

div.parent {
  font-size: 16px;
  border: 1px solid black;
  margin-bottom: 10px;
}

span.em {
  font-size: 1.5em;
}

span {
  font-size: 24px;
  border: 1px solid black;
}

* {
  margin: 5px;
}

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.