Text Links Ads : Marketing Tips Store : Search Engine Optimization Strategies
WebPosition Gold Pro : Domain Registration Bank : Optilink Software : GoDefy
Mike's Marketing Tools : Mike's Ecommerce Software : Text Links Guide
 
Web HTML-HTML.com
You are here: HTML Codes > Lines and Paragraphs

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

Indenting >>>

Copyright © 2002-8 Art Dacor USA LLC. All Rights Reserved.
3727 West Magnolia Blvd #489, Burbank, CA, 91505, USA.
www.HTML-HTML.com