<![CDATA[
<html>
<head>
<title>Example 10-1-F</title>
<style type="text/css">
.samp1{font-family:sans-serif; font-size:150%}
.samp2{font-family:serif; font-size:150%}
.samp3{font-family:Arial; font-size:150%}
.samp4{font-family:Courier; font-size:150%}
</style>
</head>
<body>
<p class="samp1">This is the generic "sans-serif" font</p>
<p class="samp2">This is the generic "serif" font</p>
<p class="samp3">This is the "Arial" font</p>
<p class="samp4">This is the "Courier" font</p>
Note that the above lines are a class attached to a p tag.<br />
The below lines are attached to a div tag.<br />
Looking at the source code shows the difference.
<div class="samp1">
<p>This is the generic "sans-serif" font</p>
</div>
<div class="samp2">
<p>This is the generic "serif" font</p>
</div>
<div class="samp3">
<p>This is the generic "Arial" font</p>
</div>
<div class="samp4">
<p>This is the generic "Courier" font</p>
</div>
</body>
</html>]]></plaintext>