<pre> 
&lt;!DOCTYPE html>
&lt;html>

&lt;head>
  &lt;title>CSS Example&lt;/title>
  &lt;link rel="stylesheet" type="text/css" href="/~sultans/html/demo/css/codeStyles.css" />
&lt;/head>

&lt;body>
&lt;p>You are about to see some &lt;code class="codeInText">codeInText&lt;/code> followed by some &lt;span class="importantWords">importantWords&lt;/span>, and the font for a &lt;span class="keystroke">keystroke&lt;/span>.&lt;/p>

&lt;p>Next you will see some foreground code:&lt;/p>
&lt;code class="codeForeground">p {font-family:arial, sans-serif; font-weight:bold;}&lt;/code>

&lt;p>Next you will see some background code:&lt;/p>
&lt;code class="codeBackground">p {font-family:arial, sans-serif; font-weight:bold;}&lt;/code>

&lt;p class="boxText">This is some boxed text for important statements.&lt;/p>

&lt;p class="background">Here is a background comment or aside.&lt;/p>
&lt;/body>
&lt;/html></pre>