<!DOCTYPE html>
<html>
<head>
<title>CSS font-variant property</title>
<style>
p {
font-family: sans-serif;
font-size: 20px;
}
p.one {
font-variant: normal;
}
p.two {
font-variant: small-caps;
}
</style>
</head>
<body>
<p class="one">This text is normal</p>
<p class="two">This text is small-caps</p>
</body>
</html>