CSS – Blockquote styling

You can use this CSS for styling quotes:

blockquote {
    background: url(quote_top.gif) top no-repeat;
    width: 168px;
    float: right;
blockquote p {
    background: url(quote_bottom.gif) bottom no-repeat;
    padding: 20px 15px;
    font-size: 10px;

Blockquote_demo contains a short example.

Leave a Reply

Your email address will not be published. Required fields are marked *


This site uses Akismet to reduce spam. Learn how your comment data is processed.