Posted By

fabi on 06/03/09


Tagged

quotes


Versions (?)

Who likes this?

3 people have marked this snippet as a favorite

spazione
marcocs
carriegates


Hanging Quotes


 / Published in: CSS
 

URL: http://www.smashingmagazine.com/2009/04/03/8-simple-ways-to-improve-typography-in-your-designs/

Hang quotes in the margin of the body of text. By not doing so a quotation mark that is flush with the text will interrupt the left margin and disrupt the rhythm of the reader. Hanging quotes keeps the left alignment intact and balanced therefore increasing readability.

The negative indent will vary depending on the typeface, type size and margins.

  1. blockquote {
  2. text-indent: -0.8em;
  3. font-size: 12px;
  4. }

Report this snippet  

You need to login to post a comment.