Blockcitatet vises i standardkompatible browsere med "store citater før" -effekten og i IE med en tyk venstre kant og en lysegrå baggrund.
I modsætning til andre blockquote-teknikker kræver denne stil ikke et indlejret element på blokniveau (som p). Som sådan forvandler det et afsnit til et integreret element for at forhindre, at indholdet falder under citatet.
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; )Eksempel
Pellentesque habitant morbi tristique senectus et netus et malesuada berømmer ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.