Inspiration (RSS)

Brilliant Ways to Style Blockquotes

July 21, 2008 in Inspiration css

The blockquote XHTML tag is a fairly useful (if somewhat underused) element. Semantically speaking, a blockquote should be used any time you’re quoting a longer piece of text from another source – another speaker, another website, whatever. It’s a way of setting the text apart, and showing that it came from some other source. Stylistically, you could accomplish all this with a special class on your paragraph tags… but that wouldn’t be as semantically useful, now, would it?

diablo3 Brilliant Ways to Style Blockquotes

Blockquotes do have some styling by default. Most browsers will indent the text in a blockquote tag, which helps the user recognize that the text is different somehow. But who’s to say that we need to stop there? Here are six different ways you could style your blockquotes using CSS.

Stay updated and subscribe to Knowtebook!

Related topics: , ,
Share: Digg | Del.icio.us | Stumble | Reddit | Float | Technorati
Whatever you want to say!
Leave a Comment »

Knowtebook
Jul 22, 2008
No: 2 / ID: 1033

this is definately a good idea. there are not so many inspiration sources out there for them and i always underestimated the power of good looking quotes. keep me updated please


Jeff Finley
Jul 22, 2008
No: 1 / ID: 1029

Awesome, I’m doing a big post on our blog that cites a lot of text from various interviews I did with other designers. I think before I post it I’ll come up with a cool way to style blockquotes first.

Leave a comment!
Note: You can also use your free Gravatar avatar on Knowtebook! Please also read our Publishing Policy before posting.

Yes, I would like to receive notification on incoming comments!

Trackbacks/Pings
Trackback-URL