Nested font size
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style type='text/css'>
body {
font-family: sans-serif;
font-size: 16px;
}
div {
padding-left: 5px;
margin-left: 5px;
font-size: larger;
border: 1px solid gray;
}
</style>
</head>
<body style='font-size: xx-small; background: rgb(240, 240, 240);'>
font-size: xx-small;
<span style='font-size: 7pt;'>
font-size: 7pt;
</span>
<span style='font-size: 9px;'>
font-size: 9px;
</span>
<div style='background: rgb(230, 230, 230);'>
font-size: larger;
<span style='font-size: x-small;'>
font-size: x-small;
</span>
<span style='font-size: 7.5pt;'>
font-size: 7.5pt;
</span>
<span style='font-size: 10px;'>
font-size: 10px;
</span>
<div style='background: rgb(220, 220, 220);'>
font-size: larger;
<span style='font-size: small;'>
font-size: small;
</span>
<span style='font-size: 10pt;'>
font-size: 10pt;
</span>
<span style='font-size: 13px;'>
font-size: 13px;
</span>
<div style='background: rgb(210, 210, 210);'>
font-size: larger;
<span style='font-size: medium;'>
font-size: medium;
</span>
<span style='font-size: 12pt;'>
font-size: 12pt;
</span>
<span style='font-size: 16px;'>
font-size: 16px;
</span>
<div style='background: rgb(200, 200, 200);'>
font-size: larger;
<span style='font-size: large;'>
font-size: large;
</span>
<span style='font-size: 13.8pt;'>
font-size: 13.8pt;
</span>
<span style='font-size: 18px;'>
font-size: 18px;
</span>
<div style='background: rgb(190, 190, 190);'>
font-size: larger;
<span style='font-size: x-large;'>
font-size: x-large;
</span>
<span style='font-size: 18pt'>
font-size: 18pt;
</span>
<span style='font-size: 24px;'>
font-size: 24px;
</span>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Related examples in the same category