Создание интересного офомления для элемента цитаты с использованием CSS

Демонстрация работы элемента цитаты c классическими кавычками, улучшенный пример из урока Chris Coyier, специально для сайта dejurka.ru

HTML

<blockquote>Ut nonummy habent soluta claritas veniam. Typi nunc soluta hendrerit mutationem sollemnes. Quis lius dolore et insitam vel. Aliquip consequat futurum claram ut mazim. Facilisi accumsan dolore ii imperdiet consequat. Claritatem aliquip quod putamus vulputate iusto. Doming minim typi zzril lius usus. In clari mutationem autem non sit. Qui augue mirum dynamicus gothica ut. Demonstraverunt processus soluta sequitur autem demonstraverunt.</blockquote>

CSS

blockquote {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(http://css-tricks.com/examples/Blockquotes/images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
blockquote::after {
     content:" ";
     display: inline-block;
     position: absolute;
     width: 25px;
     height:25px;    
     background-image: url(http://css-tricks.com/examples/Blockquotes/images/closequote1.gif);
     background-repeat: no-repeat;
   }