Use CSS to improve your typography - Hanging Quotes Helpful tips, conversations and pointers on effective web design for professional business communications; ecommerce web site design and hosting. How to build a website resources. Use guides to create your own website.
Brand. Website. Business. Build Yours!
Call us toll free +1 (800)-548 9824 for your full service small business website solution: website management technology, services, and support. Build a website today!
Brand. Website. Business. Build Yours!
Brand. Website. Business. Build Yours!
Brand. Website. Business. Build Yours!
Brand. Website. Business. Build Yours!
Brand. Website. Business. Build Yours!
Brand. Website. Business. Build Yours!

Forums  >  Web, Print & Media Design  >  Use CSS to improve your typography - Hanging Quotes

Use CSS To Improve Your Typography - Hanging Quotes

Published on 11/28/2009 by Nehal Gohel
Use CSS to improve your typography - Hanging Quotes
 
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.
 
This is achieved very easily with CSS using the blockquote element:
 
1 blockquote {
2 text-indent: -0.8em;
3 font-size: 12px;
4 }
 
The negative indent will vary depending on the typeface, type size and margins.

    Post A Comment

Nehal Gohel
Posted:November 28, 2009 Subject: Use CSS to improve your typography - Hanging Quotes Comment

Use CSS to improve your typography - Hanging Quotes

 

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.

 

This is achieved very easily with CSS using the blockquote element:

 

1 blockquote {

2 text-indent: -0.8em;

3 font-size: 12px;

4 }

 

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


Domain Name Registration

Website Hosting

Website Design

Website Development

Brand Design

Media Design

Personal Project Manager

Project Management

Internet Marketing
$ 7.95 domain name registration.
Build your complete web solution: Brand, Website, Business.
Buy your domain name
New 1 Year Registrations just $ 7.95!
Multi-year Registrations, Renewals, & Transfers just $ 7.95/year!
Brand. Website. Business. Build Yours!
Build a web site Website Management Technology Website Services
Website CMS Solutions Website CMS Applications
Business Opportunities Customer Service Company
AJIBOYE is a website solutions provider serving Connecticut (CT), New York (NYC), New Jersey (NJ) and nationwide!

Website design by AJIBOYE. Website powered by ASD Website Automation CMS+ v. 3.06.00
© Copyright. AJIBOYE. All rights reserved

Comodo SSL Certificate
AJIBOYE. Brand. Website. Business. Build Yours!Company InformationWebsite Content Management SystemCompare Website Content Management SystemsBusiness Website CMS SolutionWebsite Cms PlatformMLM Website CMS SolutionWebsite ReportsClassified Ads ManagerAccess Control ToolsWeb Polls ManagerLead Manager CRMPhoto Albums ManagerPersonal Project ManagerProfessional Website ServicesPersonal Project ManagerPartner RegistrationPut The Internet To Work For You Build Your Brand.