SOURCE

<div>
  我是父元素
  <p>
    我是子元素 p
    <span>
      我是孙元素 span
    </span>
  </p>
</div>

* {
  padding: 0;
  margin: 0;
}
div {
  font-size: 40px;
  width: 10em; /* 400px */
  height: 10em;
  border: 1px solid black;
}

p {
  font-size: 0.5em;
  width: 10em;
  height: 10em;
  border: 1px solid red;
}

span {
  font-size: 0.5em;
  width: 10em;
  height: 10em;
  border: 1px solid blue;
  display: block;
}