Arts Assistance

  • About
    • Frequently Asked Questions
    • Testimonials
    • Resources
  • Services
    • Website Care Plans
    • Website Inquiry Form
    • Design Evaluation
  • Portfolio Examples
  • Blog
  • Contact

Centering Dos and Don’ts for Blog Posts and Web Pages

June 25, 2012 by Nancy Seeger

Major Headline

Paragraph text but can you tell it’s a paragraph? This is a bit tough to read. Everything is centered and unlike a book chapter, isn’t aligned to the left.

"Quotes look a bit odd with every line centered. Readers expect the quotes to be an indented or centered block of text."

It can be very tempting when putting together your web page, landing page, or blog post, to center page headlines, text, and images in the hopes of drawing attention. Unfortunately with any elements you wish to emphasize, overdoing can have the opposite effect. A lot of centered elements can result in getting lost in the shuffle, look visually cluttered, and be harder to read for your web visitors.

Dos – here are some elements that do well with centering.

  • Quotes. Centering the entire box area of your quote or quote’s section looks nice centered (as long as the paragraph itself is left aligned). Indenting also looks great.
  • Major headline. Your header would count for this but limit to doing this once on a page. Newspapers are a good example of how headlines are treated, one centered major headline, and additional headlines are left aligned.
  • Captions. Under a photo in smaller, yet readable. Text centered underneath the photo not only looks good and people expect to see it centered.
  • Images. Below a paragraph, this can look nice as long as the image isn’t too small – roughly two thirds of the paragraph to make proportional sense.

Don’ts – some elements to avoid.

Major Headline

Paragraph text but can you tell it’s a paragraph? This is a bit tough to read. Everything is centered and unlike a book chapter, isn’t aligned to the left.

Sub Header

"Quotes look more natural with a left alignment. Readers expect quotes to be indented or centered inside of paragraph alignment in a block format."

  • Paragraphs. Best practice is to left align your paragraphs. Centered multi-lined paragraphs look messy and are going to slow down your reader because we are used to reading left to right.
  • Column paragraphs. Same principle at work as paragraphs, every line in a column being centered is very difficult for your site visitors to read. Centering the entire column is fine but aligned to the left (with the right a ragged edge) for the paragraph within a column.
  • Titles. Centering a title other than the main title doesn’t indicate a sense of priority. Also if it’s more than one line – you have multi-centered lines making it harder to read and looks messy.
  • Bulleted Lists. This may confuse the reader – they are expecting a left aligned list with the paragraphs indented. Centering lists looks disorganized and tough to read.

Look to websites with large traffic and you will see text alignment patterns consistently used. There are of course exceptions, which gurus can effectively break. However, using the above techniques will contribute towards better communicating with your site visitors. Cutting down on alignment confusion also increases understanding of the hierarchy of your content and goes a long way towards a more enjoyable reading experience.

Do you have tips?  I’d love to hear them, leave a comment.

Additional Reading:

Why You Should Never Center Align Paragraph Text, UX Movement
Quick Tip: Avoid Center-Aligned Text
How Text Alignment Effects Online Readability

More Website Tips!

Subscribe to the Arts Assistance newsletter for more tips to help you with your blog and websites. Tips are for non-coders wanting great info on what works best and increasing appeal to your audience.

Filed Under: Centering, Formatting Posts and Pages, Text Alignment

Get More Tips For Your Website

"*" indicates required fields

Comments

  1. Taryn says

    June 27, 2012 at 3:46 am

    Thanks Nancy for such helpful and well organized information. I have always wondered what the status quo is for paragraphs, quotes, etc. Very useful, thanks!

  2. Terry Green says

    June 27, 2012 at 9:05 am

    Great post Nancy! It IS much easier to read text that is left aligned than centered. Sometimes people go overboard trying to make things stand out. It’s good to know what the standards are because what might look good to the person setting up the page or post, doesn’t necessarily have the same impact for the reader.

Testimonials

"...We have been working with Nancy Seeger and Arts Assistance for a number of years. In all that time, we have found her to be extremely professional, highly skilled and knowledgeable, very responsive and a joy to work with...." [ Read More ]

"Thank you for your hard work in bringing our latest website to life. We’ve done three web properties together, and they keep getting better and better!..." [ Read More ]

Latest Posts

  • Annual Website Checkup for 2022
  • Where Did My StudioPress Theme Go?
  • Keeping Your WordPress Website Hack Free
  • Increase Ticket Sales in Social Media with Better Website Links
  • Hidden Trap – Critical Quick Step To Protect Your Website Domain

Receive Website Tips

"*" indicates required fields

FacebookLinkedInTwitter

Copyright © 2023 · Arts Assistance · Website Design Services in Fairfax, VA · Privacy Policy · Contact Us

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Cookie settingsOK
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurationDescription
cookielawinfo-checbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
SAVE & ACCEPT