HTML Blockquote Tutorial

Browser Support

The HTML blockquote is perfect for making a passage of text stand out from the normal body of text.

It has to be used with some caution though, as it can overlap CSS positioned content due to incorrect browser rendering. For example, the icon box showing which browser's support the blockquote tag is a division floated to the right side. Before adding this extra paragraph to move the blockquote down the page, the following blockquote overlapped the icon box.

Without any CSS formatting the blockquoted text will render a little something like this . . . in your browser. Other browsers may render it slightly differently. As you can see, it basically has a margin all the way around it.

Using CSS to style the blockquote you can add a border, add a background color or image, surround your blockquote with images of quotation marks, change the font size, font color and more. Here's how a blockquote is coded:

<blockquote>your blockquote text here</blockquote>

You're only limited by your imagination . . . and understanding of CSS. :)

To dream anything that you want to dream. That's the beauty of the human mind. To do anything that you want to do. That is the strength of the human will. To trust yourself to test your limits. That is the courage to succeed.
- Bernard Edmonds

That's a nice quote. I close this out with one more nice quote just to give you an idea of the many different things you can do with a blockquote.

Each day is your canvas. You are the artist. Paint a masterpiece on as many days as you are able and your life will become a work of art.
- Dennis Gaskill

Yeah, I quoted myself. I think it's a good quotation. Do you like it?

This concludes the HTML Blockquote Tutorial.

Back | HTML Tag Chart | HTML Index | Web Design Tutorials

If you want your web site to rank high in the search engines . . . what are you going to do to get it there? Check out my search engine optmization guide, SEO for YOU: Search Engine Optimization for Ordinary Everyday People!

Check out SEO for YOU now!

Almost a Newsletter

Subscribe today for exclusive website design tutorials and grab some free gifts to boot! Learn more, or subcribe below:

Did you know...

The member's site has about 100 standards compliant HTML and CSS tutorials, 31 handy reference charts, reprintable content, web graphics, exclusive fonts, free software, free ebooks and more? All this for less than 9 cents a day! [ Details ]