Blockquote dipaparkan dalam penyemak imbas yang mematuhi standard dengan kesan "tanda kutip besar sebelum ini", dan di IE dengan sempadan kiri tebal dan latar belakang kelabu muda.
Tidak seperti teknik blockquote yang lain, gaya ini tidak memerlukan elemen tahap blok bersarang (seperti p). Dengan demikian, mengubah paragraf menjadi elemen bergaya sebaris agar konten tidak jatuh di bawah petikan.
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; )
Contohnya
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. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.