Eches - Blogging, technology, internet and earn money online

During my search of new plugins for my blog, I stumbled quite a few of blockquotes without a closed quote. It doesn’t look nice especially when you are having a long quote and readers would not easily find where the end of the quote. So I found a website that helped me to get over the problem.

If you open blockquote, you also need to close it. If you open blockquote, you also need to close it. If you open blockquote, you also need to close it. If you open blockquote, you also need to close it.

This is accomplished through a little CSS trickery. You apply the open quote on your blockquote tag and then put a div in your blockquote that applies the closing quote.

Here’s the HTML code:

<blockquote>
<div>This is my blockquote</div>
</blockquote>

Here’s the CSS code:

blockquote {background: transparent url(images/openquote.gif)

left top no-repeat;

}

blockquote div {

background: transparent url(images/closequote.gif)

right bottom no-repeat;

}

Note: I owe credit to Simon Willison’s Weblog.

Technorati Tags: css, html, wordpress tips, styling blockquote