Hanging Punctuation in CSS
To hang your quotes in CSS, this is all you need:
html {
hanging-punctuation: first allow-end last;
}
At the time of this writing, only Safari implemented this property. To make it work in other browsers, negative text-indent
is needed. Nevertheless, I went ahead and added hanging-punctuation
and removed text-indent
for the title of JAY-Z’s song from the Beacon of HOV project. That way, the hanging punctuation would just work in all browsers in the future.