<!DOCTYPE html>
<html>
<head>
<title>CSS font-family property</title>
<style>
p {
font-family: sans-serif;
}
p.one {
font-size: medium;
}
p.two {
font-size: 20px;
}
p.three {
font-size: 80%;
}
div.four {
font-size: medium;
}
p.four {
font-size: smaller;
}
p.five {
font-size: large;
}
</style>
</head>
<body>
<p class="one">This text is medium size</p>
<p class="two">This text is pixel size</p>
<p class="three">This text is percentage size</p>
<div class="four" style="border: 1px solid #000;">
<p>This text is medium size</p>
<p class="four">This text is smaller size then its parent element</p>
</div>
<p class="five">This text is large size</p>
</body>
</html>
