Re: "Justify"-like effect within text

Owen Jacobson wrote on 02 sep 2003 in
comp.infosystems.www.authoring.stylesheets:

We all know that text-align: justify; is supposed to justify the
block's text across the box. I have a friend, however, who wants to
take that further. A visual example, because it's 2:30 AM and I don't
want to try to describe it:

MARGIN| S O M E T E X T |MARGIN

Where "SOME TEXT" is a heading, presumably, and the spacing between
letters works out such that the contents space to fit the whole box,
which stretches and shrinks with the browser or page.

Ideally we'd like to avoid putting each letter in a div, but if that's
the only way...

<style>
span{width:400px;border:green solid 1px;
letter-spacing:33px;text-align:center;}
</style>

This is
<span>SOME TEXT</span>
justified in IE6

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

Owen Jacobson wrote on 02 sep 2003 in
comp.infosystems.www.authoring.stylesheets:

Evertjan. wrote:

style
span{width:400px;border:green solid 1px;
^^^^^^^^^^^^

No good. The box in question has to change size with the page.
Letter-spacing seems to behave a little weirdly with percentage lengths
in that each letter is frequently (non-monospaced) font not the same
width on its own.

I think it is very good, not perfect, but without scripting, css will not
help you to all your specs.

Perhaps change the specs ?


--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)