Blockquote vises i standardkompatible nettlesere med "store sitater før" -effekten, og i IE med en tykk venstre kant og en lysegrå bakgrunn.
I motsetning til andre blockquote-teknikker, krever ikke denne stilen et nestet element på blokknivå (som p). Som sådan forvandler det et avsnitt til et integrert element for å hindre at innholdet faller under sitatet.
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ømmelser 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.