HTML and CSS Reference
In-Depth Information
p.intro:first-line { font-variant: small-caps; }
/* Make the first letter of our intro be a drop cap.
We'll use a much larger font-size and float the letter
to the left to acomplish this. */
p.intro:first-letter {
float: left;
font-size: 3.5em;
line-height: 1;
color: #cc0000;
margin: 0 .1em 0 0;
}
/* Give our blockquotes some margin, and make them italic. */
blockquote {
font-style: italic;
margin: 2em 5em;
}
/* Paragraphs within blockquotes will get our sans-serif font
and be a lighter gray */
blockquote p {
text-indent: -.4em;
color: #666;
font-family: Calibri, Helvetica, Arial, sans-serif;
}
/* Make CSS generate and include quotation marks before and after
the paragraph. */
blockquote p:before {
content: "\201C";
text-indent: -.5em;
}
blockquote p:after {
content: "\201D";
}
Although the exact display will vary depending on the browser and fonts installed, this
page renders as shown in Figure 9-22.
