<div class="em-demo">
  <p>
    一化網頁設計<span>不只為您量身訂作高質感的網站，更為您規劃全方位的「網路行銷」! </span>
  </p>
</div>
<div class="em-test">
  <p>自己練習em單位</p>
</div>

.em-demo p {
  font-family:微軟正黑體;
  font-size: 2em; /* 文字大小：16px * 2 = 32px，因為其父元素是 <body> 標籤。 */
}
.em-demo p span{
  font-size: 0.5em; /* 文字大小：32px * 0.5 = 16px，因為其父元素是 <p> 標籤。 */
}
.em-test {
  font-size:5px;
}
.em-test p {
  font-size: 3em;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.