• Skip to main content

Rafal Tomal

Learn Design and Create Better Websites

  • About
  • Courses
  • Tools
  • Tips
  • Blog
  • Contact
  • Work With Me →

← More Design Tips

Center-aligned headline and left-aligned body text

posted on October 5, 2018

TweetFacebookLinkedInPin

This tip comes from one of my web typography lessons in the upcoming Design Class.

In the center-aligned text, space is distributed equally on the sides. If the following block of text is left-aligned, depending on how the headline wraps, the paragraphs can look like are wider than the headline.

If you want to have a center-aligned headline and left-aligned body text, adjust your design to make the headline area a bit wider than the content area.

tags: layout typography

Previous tip: Speed designing
Next tip: How to start using Sass

Don't Miss Future Design Tips

Join 20k+ people who love good design. Get my best tips, resources, and strategies to elevate your design skills and grow your business.

© Copyright 2008 - 2025 Rafal Tomal.

Affiliate Program . Privacy Policy . Cookie Policy . License .

Follow me on Twitter, Dribbble, and Instagram.

DISCLOSURE: I may be an affiliate for products that I recommend. If you purchase those items through my links I will earn a commission. You will not pay more when buying a product through my link. It helps me to continue to offer you lots of free stuff. Thank you, in advance for your support!