css-em-font-size

by Shridhar Baddur

HTML

<div class="level-1">
  <div class="level-2">
    <div class="level-3">
      <p>Hello! How you doing ???</p>
    </div>
  </div>
</div>

CSS

html {
  font-size: 20px;
}

.level-1,
.level-2 {
  font-size: 0.5em;
}

.level-3 {
  font-size: 2em;
}