Create CSS Curly Quotes Without Images - CSS Snipplr Social Repository

Revision: 8644

at October 1, 2008 21:04 by neal_grosskopf

Initial Code

blockquote
{
margin: 2em 0px;
padding-left: 40px;
quotes: &#8220 &#8220;
}

blockquote:before
{
color: #990000;
content: open-quote;
font-family: Arial, Helvetica, sans-serif;
font-size: 6em;
font-weight: bold;
line-height: 0px;
margin: 0px 5px 0px -40px;
vertical-align: bottom;
}

Initial URL

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

Initial Description

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

Initial Title

Create CSS Curly Quotes Without Images

Initial Tags

css, CSS3

Initial Language

CSS

Choose a language for easy browsing: