Il blockquote viene visualizzato nei browser conformi agli standard con l'effetto "grandi virgolette prima" e in IE con un bordo sinistro spesso e uno sfondo grigio chiaro.
A differenza di altre tecniche di blockquote, questo stile non richiede un elemento a livello di blocco annidato (come p). In quanto tale, trasforma un paragrafo in un elemento in linea per evitare che il contenuto cada sotto la citazione.
blockquote ( background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; ) blockquote:before ( color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; ) blockquote p ( display: inline; )Esempio
Pellentesque habitant morbi tristique senectus et netus et maschiuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas sempre. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.