Design & Publishing . / . WEB . / . Tips & Tricks Index . / . Justifying type on the web

Justified type on the ... web WebDesign & Review Tips & Tricks

“What is the HTML tag for justified text? My client wants it.”

Easy: As far as we know, there is not an "official" tag yet. CERN is working on an alignment tag

<P ALIGN="justify"> 

for justified text but it's not getting a lot of respect even under HTML 4 specifications. Its use is not recommended.

Now, ask yourself if you really want to justify the text.

  1. Justified text looks formal
  2. Justified text looks like work to read
  3. Justified text forces the letter forms and spacing to conform to a given character count. On the web there are no parameters (yet) for character spacing or word spacing. There would most likely be big holes all through the text
  4. It "reads" in the newspaper but is difficult to read on a monitor

If someone's holding a gun to your head, then about the best way is using the Preformatted

<pre> copy to be preformatted </pre> 

tags. With those, the browser calls the systems' monospaced font. To use this, you have to carefully massage the type to fit, adding extra spaces in places, and lots of hyphenation.

Then, if the reader has the default monospaced font set to 10 point Courier, you're dead. The results turn out looking like the back-side of the insurance forms... very ugly. Try it, I think you will agree, and hopefully your client will too!

[Note: if you peek at the code of the page you can see "preformatted" type in action!]

Design & Publishing . / . WEB . / . Tips & Tricks Index


Interested in having your web page critiqued? Send email to: reviews@graphic-design.com

Interested in getting published?
If you'd like to publish in the pages of WebDesign & Review then capture and read our "Readers Guidelines" found here, or from our On-Demand Documents Desk by sending e-mail to Info@Graphic-Design.com ...Put the word HOSPITALITY, and GUIDELINES in the subject area.


Thank you for visiting WebDesign & Review at http://www.graphic-design.com/web/
Notes: The screen shots herein represent the copyrighted works of their respective owners, and are used here for editorial demonstration purposes. please read and be aware of our Legal Properties & Disclaimers document. Not all areas of the online environment allow special characters such as the registration and trademark marks. This file will alert you to proprietary works that cannot be duplicated or distributed. Copyright 1996, 1997, 1998, Showker Graphic Arts, for the The Design & Publishing Center, ALL RIGHTS RESERVED. WebDesign & Review, Pixelsmith, WebEye are all trademarks for The Design & Publishing Center. Other products mentioned in these pages are the registered trademarks of their respective owners.