The author chuckled awkwardly to himself.
<blockquote>I hope it's only the punctuation that's hanging and not the author of this article whom you truly love and adore even if the cupcakes he offered you were stale and tasted like sawdust, right? Right?</blockquote
blockquote {
text-indent: -0.45em;
border-left: 2px solid red;
}
@supports ( hanging-punctuation: first) {
blockquote {
text-indent: 0;
hanging-punctuation: first;
}
}
blockquote::before {
content: open-quote;
}
blockquote::after {
content: close-quote;
}
blockquote {
quotes: "“" "”" "‘" "’";
}
body {
max-width: 20em;
margin: 1em;
font: 1.4rem/1.4 Georgia, serif;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.