Blockquotes using images
Reality is that which, when you stop believing in it, doesn't go away.Phillip K. Dick
The code for it.
<p class="quote"><span>Reality is that which, when you stop believing in it, doesn't go away.</span>Phillip K. Dick</p>
The CSS for it.
.quote {
margin: 1.5em 15%;
background: url(images/quote-left.gif) no-repeat top left;
padding: 5px 0 0 60px; }
.quote span {
background: url(images/quote-right.gif) no-repeat bottom right;
padding: 0 60px 5px 0;
min-height: 45px;
line-height: 1.2em;
font-size: 125%;
font-weight: 700;
text-align: justify;
display: block; }