Pullquote with CSS

Posted on Thursday, February 01, 2007 10:03 PM by K. Latham
A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools. - Douglas Adams  
I've been looking for this CSS trick for some time. An easy way to wrap text with quote marks.

I found this CSS example here.

CSS:

.pullquote {
      width: 200;
      float:right;
      font-size:125%;
      line-height:140%;
      margin:10px;
      background: url(closequote.gif) no-repeat bottom right !important;
      padding:0px 25px 5px 0px;
      text-align:right;
}

.pullquote:first-letter {
      background: url(openquote.gif) no-repeat left top !important;
      padding:5px 2px 10px 35px!important;
}