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


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.