Follow Techotopia on Twitter

On-line Guides
All Guides
eBook Store
iOS / Android
Linux for Beginners
Office Productivity
Linux Installation
Linux Security
Linux Utilities
Linux Virtualization
Linux Kernel
System/Network Admin
Programming
Scripting Languages
Development Tools
Web Development
GUI Toolkits/Desktop
Databases
Mail Systems
openSolaris
Eclipse Documentation
Techotopia.com
Virtuatopia.com
Answertopia.com

How To Guides
Virtualization
General System Admin
Linux Security
Linux Filesystems
Web Servers
Graphics & Desktop
PC Hardware
Windows
Problem Solutions
Privacy Policy

  




 

 

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. Published under the terms of the Open Content License Design by Interspire