HTML and CSS Reference
In-Depth Information
body {
font-size: 96px;
}
li {
font-size:
0.5em
;
}
[...]
<body>body:
96px
<ul>
<li>li: 0.5em =
48px
<ul>
<li>li:0.5em=
24px
<ul>
<li>li:0.5em=
12px
</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
Figure 9.1
Repeated
calculation of
half the parent's
font size.