Skip to content

Instantly share code, notes, and snippets.

@khanhtran3005
Last active June 26, 2018 01:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save khanhtran3005/5edeaf1ed396688f1bcd to your computer and use it in GitHub Desktop.
Save khanhtran3005/5edeaf1ed396688f1bcd to your computer and use it in GitHub Desktop.
Quote the right way

Proper Quotes

glyph named entity numeric entity escaped unicode
“ “ \201C
” ” \201D
‘ ‘ \2018
’ ’ \2019

Quotes in CSS

q, 
blockquote {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

Quotes on one side

/*quotes on left side*/

q, 
blockquote {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

q:before,
blockquote:before {
    content: open-quote;
}
q:after,
blockquote:after {
    content: no-close-quote;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment