O'Reilly logo

Web Development Recipes, 2nd Edition by Chris Johnson, Mike Weber, Chris Warren, Brian P. Hogan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Recipe 2Styling Stand-Alone Quotes with CSS

Problem

Quotations from experts and praise from customers carry a lot of weight, so we often want to draw attention to these quotations visually. Sometimes we offset the margins a bit, increase the font size, or use large curly quotation marks to make the quotation stand out. On a website, we want to do that in a simple and repeatable fashion while keeping the presentation of the quotation separate from the markup.

Ingredient

  • A web browser that supports HTML5 and CSS3

Solution

We typically use CSS to separate our presentation from the content, and styling quotations shouldn’t be any different. Modern browsers support some more advanced properties we can use to make our quotations stand out, without ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required