How to style a blockquote with CSS

Blockquotes are an easy way to make your website stand out, by indicating that you are quoting someone you give a more professional approach to you website.
You can do this by using

<blockquote> Im quoting someone else</blockquote>

But it still needs a little touch, so on your css file add this.

blockquote {
background:transparent url(blockquote.gif) no-repeat scroll 0 0;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1em;
margin:15px 0;
min-height:32px;
padding:0 50px;
}

Save this image : blockquote and watch the result. It will turn out something like this:

Im quoting someone else

Leave a Reply