Text-Justify: Newspaper

Have you ever wondered why, when you try to justify text using CSS that you get big white spaces between the words. The solution is to use the Text-Align property. This property offers a variety of control over how the text is justified, allowing for very sophisticated, newsprint styles of layouts. The problem is that it doesn’t work in Firefox.

Examples of the Text-Justify attribute in Internet Explorer and Firefox

I’m a big fan of Firefox and use it as my everyday browser. And, given the nightmare of IE6–among other annoyances, I’m not a big fan IE, however, here’s an example where IE wins out over Firefox and actually does something that I really wish Firefox would adopt.

The text-justify property has a few different values. I’m using Text-Justify: Newspaper above.

  • auto
  • distribute
  • distribute-all-lines
  • inter-cluster
  • inter-ideograph
  • inter-word
  • newspaper

Play around with it!

Comments

comments

About The Author

Matthew Harris

Matthew began designing and building websites in 1995, and has since grown Harris Web Works (formerly Medium Well) into a full-service online marketing provider. He continuously adds expertise to become proficient in the evolving world of e-commerce, digital marketing, search engine optimization, mobile web, and more. Client work includes large corporate websites to comprehensive, customized services for small-to-medium sized businesses. He has worked as a designer, programmer, marketer and project manager. Matt is on the Board of Directors of Search Engine Marketing New England (SEMNE), and is a partner at Digital Media Sync in New Haven, CT.