Posted By

neal_grosskopf on 10/01/08


Tagged

css CSS3


Versions (?)

Who likes this?

11 people have marked this snippet as a favorite

alvaroisorna
neal_grosskopf
basicmagic
absolon
andyweb
jeremyhcobb
Bluewall
amasters
cromozooom
virpara
atulkransingh


Create CSS Curly Quotes Without Images


 / Published in: CSS
 

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

Learn how to create CSS curly quotes using only CSS and without images, extra divs or classes

  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. }

Report this snippet  

You need to login to post a comment.