12.7 Zitate hervorheben

Problem

Durch die Verwendung großer und fett gedruckter Anführungszeichen soll ein Zitat hervorgehoben werden, wie in Abbildung 12-11 gezeigt.

Das Zitat mit Stildefinitionen

Abbildung 12-11. Das Zitat mit Stildefinitionen

Lösung

Versehen Sie das Zitat als Erstes mit dem korrekten Markup-Code (siehe Abbildung 12-12):

<blockquote>
 <p>There is a tendency for things to right themselves.</p>
 <cite>Ralph Waldo Emerson</cite>
</blockquote>
Das Zitat in der Standarddarstellung

Abbildung 12-12. Das Zitat in der Standarddarstellung

Dann definieren Sie die nötigen CSS-Regeln für die Darstellung des Zitats:

Get CSS Kochbuch now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.