<pre> 
&lt;!DOCTYPE html>
&lt;html>
&lt;head>
  &lt;title>CSS Example&lt;/title>
  &lt;style>
    body { 
        color:#000000;
        background-color:#ffffff;
        font-family:arial, verdana, sans-serif; 
        font-size:12px;}

    p {font-variant:normal;}
    span.smallcaps {font-variant:small-caps;}
  &lt;/style>
&lt;/head>

&lt;body>
&lt;h1>font-variant Property&lt;/h1>

&lt;p class="one">This is a normal font, but then &lt;span class="smallcaps">there are some small caps&lt;/span> in the middle.&lt;/p>
 
&lt;/body>
&lt;/html></pre>