Блок-цитата відображається у браузерах, що відповідають стандартам, з ефектом "великі лапки до", а в IE з товстою лівою межею та світло-сірим фоном.
На відміну від інших технік блок-цитат, цей стиль не вимагає вкладеного елемента рівня блоку (наприклад p). Таким чином, він перетворює абзац на вбудований елемент, щоб вміст не опускався нижче цитати.
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; )Приклад
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Eenean ultricies mi vitae est. Mauris placerat eleifend leo.