html运行实例（cssref_unit_em）-搜寻教程库

代码示例：（标识：cssref_unit_em）

<!DOCTYPE html>
<html>
<head>
<style>
p {
  font-size: 16px;
  line-height: 2em;
}

div {
  font-size: 30px;
  border: 1px solid black;
}

span {
  font-size: 0.5em;
}
</style>
</head>
<body>

<p>这些段落的 line-height 这样计算：2x16px = 32px。</p>
<p>这些段落的 line-height 这样计算：2x16px = 32px。</p>
<p>这些段落的 line-height 这样计算：2x16px = 32px。</p>
<div>这个 div 元素的 font-size 被设置为 30px。<span>div 元素内部的 span 元素的 font-size 为 0.5em，其等于 0.5x30 = 15px。</span></div>

</body>
</html>