<!DOCTYPE html>
<html>
<head>
<title>CSS Example</title>
<style>
body {
color:#000000;
background-color:#ffffff;
font-family:arial, verdana, sans-serif;
font-size:12px;}
p.pageOne:first-letter {font-size:42px; width:200px; color:green;}
p.pageOne:first-line {font-weight:bold;}
</style>
</head>
<body>
<h1>first-letter and first-line Properties</h1>
<p class="pageOne">Once upon a time, there was a psuedo-class that allowed you to specify a different rule for the first letter of an element's content, and another that allowed you to specify a different rule for the whole of the first line. This example demonstrates the first-letter and first-line pseudo-classes.</p>
</body>
</html>