HTML and CSS Reference
In-Depth Information
style
element to the code of Example 2.11, giving the page an entirely diferent
feel, as shown in Figure 2.12.
Example 2.12: CSS styles for paragraphs, block quotes, and address
blocks
<!DOCTYPE html>
<html>
<head>
<title>Example 2.12</title>
<style type="text/css">
body {
font-family: sans-serif;
padding: 24px;
}
p {
text-align: justify;
line-height: 1.5em;
}
blockquote {
font: 15pt cursive;
background-color: #cccccc;
padding: .5em;
border: 2px dotted;
}
address {
margin-left: 50%;
font-family: courier,monospace;
}
</style>
</head>
<body>
<p>
I was recently reminded of one my favorite quotes when it appeared
on the back of a business card given to me at a meeting:
</p>
<blockquote>
The bitterness of poor quality remains long after the
sweetness of a low price is forgotten.
</blockquote>
continues
