2.16 »Pull-Quotes« mit Rahmen

Problem

Sie wollen eine »Pull-Quote« an der Ober- und Unterseite mit Rahmen versehen, wie in Abbildung 2-23 gezeigt.

Eine »Pull-Quote« mit Rahmen

Abbildung 2-23. Eine »Pull-Quote« mit Rahmen

Um anstelle der Ober- und Unterseite die linke und rechte Rahmenseite zu definieren, verwenden Sie die Eigenschaften border-left und border-right:

border-left: 1em solid #999;
border-right: 1em solid #999;

Lösung

Verwenden Sie das Element blockquote, um den Inhalt der »Pull-Quote« zu kennzeichnen:

<blockquote>
 <p>&laquo;Ma quande lingues coalesce, li
 grammatica del.&raquo;</p>
</blockquote>

Danach gestalten Sie den Text und die Rahmenseiten mit Hilfe von CSS-Regeln: ...

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.

Start your free trial