Justify your text!

Are you tired of aligning your text to the left or to the center? You'd like to be able to have your text aligned at both sides perhaps. The text of this page is justified, in case you want to see it live. Do you think you could use this on your web pages? Well, it is possible using CSS (works with IE4+ and NS4+):

<!-- Insert this code between the HEAD tags -->
<STYLE TYPE="text/css">
<!--
BODY {text-align: justify;}
-->
</STYLE>

If you are using tables and you'd like to justify the text inside them, then you would have to separately assign each paragraph to be justified. For this, you insert the following into the head of your document:

<!-- Insert this code between the HEAD tags -->
<STYLE TYPE="text/css">
<!--
.just {text-align: justify;} -->
</STYLE>

Next, for each paragraph you want justified, assign it using the class attribute:

<p class="just">Your text here ... </p>

Notice that you have to close each paragraph.

Tips and Tricks