• Skip to main content

Rafal Tomal

Learn Design and Create Better Websites

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

← More Design Tips

Pay attention to how you wrap the text

posted on January 12, 2018

TweetFacebookLinkedInPin

Don’t just let the text flow and fill the entire horizontal space you have. Pay attention to how the text wraps – especially in your headings, calls to action, and other important parts of your design.

Create a smooth shape and direct your user’s eyes toward the call to action:

… or just make it easier to read:

You can fix it by breaking the lines manually using <br /> tag or setting a max-width for the wrapper. For big headlines, you can manipulate the font size or change the letter-spacing to achieve the desired effect.

tags: typography

Previous tip: Save your CSS changes right in the Google Chrome inspector
Next tip: Organize your artboards in Sketch

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!