Simple and Nice Blockquote Dengan CSS

blockquote menampilkan dalam standar-compliant browser dengan "tanda kutip besar sebelum" efek, dan di IE dengan batas kiri tebal dan latar belakang abu-abu terang.

Tidak seperti teknik blockquote lain, gaya ini tidak memerlukan elemen blok-level element (seperti p).

blockquote {
background:#f9f9f9;
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}