Idocs Guide to HTML

Justification

By default most browsers render text with a jagged right edge. If you want all text rendered like in a book with an even right edge you can use a single style rule. To set all text to justified copy the following code into the section of your document.

If you want all text rendered like in a book with an even right edge you can use a single style rule. To set all text to justified copy the following code into the <HEAD> section of your document.

<STYLE TYPE="text/css">
<!--
BODY
   {
   text-align:justify;
   }
-->
</STYLE>

The problem with justification is that many browsers get confused about where the last line of text is (which shouldn't be justified). For example, MSIE 4.x is confused when a block of text is immediately followed by a table. Notice in this image that the last line of text stretches the words "one of our agents" across a full line:

An example of poor rendering of justification

To remedy this situation surround all blocks of text with <P ...> and </P>:

<P>
The special runs through August 16th, at which time we are required 
by federal law to revert to the old rates. Call one of our agents:
</P>

<TABLE BORDER>
<TR> <TD>Hunter</TD>  <TD>1-2039</TD>
<TR> <TD>Garland</TD> <TD>1-3593</TD>
</TABLE>

Now our errant MSIE renders things more sanely:

Better justification Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License. Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained.