"引用 <blockquout>"のスタイル

cssファイルに下記コードを追記する。

div.quote {
  margin: 0 0 1em 20px;
  padding: 5px 0 5px 10px;
}
blockquote {
  font-size: 80%;
  color: #666666;
  font-style: italic;
  line-height: 1.5;
  background: url(http://shakingidea.googlepages.com/quotes.gif) no-repeat top left;
}
blockquote p {
  margin: 0;
 }
p.quote {
  text-align: right;
}

HTMLソースを

<div class="quote">
<blockquote>
引用文
<p class="quote">
"引用元"へのリンク
</p>
</blockquote></div>

こう書くと、

引用文

"引用元"へのリンク

こう表示される。