Pro HTML5 and CSS3 Design Patterns

CHAPTER 19 ■ CALLOUTS AND QUOTES

Inline Quote

HTML

<h1>Inline Quote</h1>

<p><span class="quote">

"A quote should be followed by a citation."

(<cite>Pro HTML5 and CSS3 Design Patterns</cite>)</span></p>

<p><q> <!-- Do not use <q>. -->

"If you embed a quote inside <code><q></code> most browsers

will automatically insert double quotes — whether or not you want them!"

(<cite> Pro HTML5 and CSS3 Design Patterns</cite>)</q></p>

CSS

.quote { letter-spacing:0.07em; }

.quote cite { font-size:0.9em; }