Advanced Search

Create CSS Curly Quotes Without Images

/ Published in: CSS
Save to your folder(s)
Learn how to create CSS curly quotes using only CSS and without images, extra divs or classes

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. blockquote
  2. {
  3. margin: 2em 0px;
  4. padding-left: 40px;
  5. quotes: &#8220 “
  6. }
  7.  
  8. blockquote:before
  9. {
  10. color: #990000;
  11. content: open-quote;
  12. font-family: Arial, Helvetica, sans-serif;
  13. font-size: 6em;
  14. font-weight: bold;
  15. line-height: 0px;
  16. margin: 0px 5px 0px -40px;
  17. vertical-align: bottom;
  18. }

URL: http://www.nealgrosskopf.com/tech/thread.asp?pid=21

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.