How do you do that???

[coiL]

I've seen a few sites now where the text in a paragraph makes a square. (ie; there are no lines longer then any other lines in the paragraph)

I'm guessing it's done with css but I haven't come across it in any tutorials. Anyone know?

Thanks

[Fuel Hosting]

Coil,
Post a link to the example and well try to show you how its done. ;-)

[Indian]

Originally posted by coiL
I've seen a few sites now where the text in a paragraph makes a square. (ie; there are no lines longer then any other lines in the paragraph)

I'm guessing it's done with css but I haven't come across it in any tutorials. Anyone know?

Thanks

<p align=justify>

[coiL]

thanks for that
I have seen justify mentioned but I never got what it was for, now i do.

btw is that compatable with all browsers?

[moonman]

Yeah, justify is compatible with all browsers. Well all the browsers I have anyway (that's IE 6 and NS 6.2). It's just a style, so I should imaging it works with the older browsers too.

[mattjacob]

You should really use this in favor of using the align attribute, however.

p.this { text-align: justify; }

[creole]

Justify is a carry-over from newspapers. It's what papers use to get the text to fit completely in a news column.

[coiL]

thanks for the replies everyone
Text looks a lot better now.

[Andrew-J2000]

<p align="justify">should be this instead</p>

[mattjacob]

Originally posted by Andrew-J2000
<p align="justify">should be this instead</p>

No, it should be what I said above.

[Joel]

Yeah, what he said.

[Andrew-J2000]

thats if your using css, which is the correct way to do it then yes your right, but what Indian put was incorrect as the was no quotes around the align.

[FunkyDish]

or u could use <div align="justify">blahblah</div>

[Andrew-J2000]

or layer/ilayer/../././././etc

used for loads of things

[Indian]

Originally posted by Andrew-J2000
but what Indian put was incorrect as the was no quotes around the align.

yeah, I am lazy

[Andrew-J2000]

hehe aint we all.

[xhtmlcoder]

For the older browsers you could try the following, so that if they couldn't interpret CSS then they would skip the code.

<style type="text/css">
<!--
p{ text-align : justify; }
-->
</style>

Or, alternatively you would link to an external style sheet, with a *.css extension, e.g. <link rel="stylesheet" href="somefile.css" type="text/css" /> and within the text file;

p{
text-align : justify;
}

The inline example has been covered already, similar to:

<p style="text-align:justify;">Hello</p>

I think now most of the three major angles have been covered for justify of a <p> element using CSS.

};-) http://www.xhtmlcoder.com/