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!



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.