On Wed, 19 Sep 2007, Erland Flaten wrote: > I tri to make to lines of text to align justify inside a div. Text- > align justify does not change from the default left alignment of the > text.
One of the reasons to this is that you set text-align to <span>, which is an inline element by default. You would have to set display: block for it, or use <div> instead of <span>. > <span id="tagline">KULTUR-KUNST-OPPLEVELSE</span> Even with the above change, this won't justify, on two grounds: 1) it has no whitespace, and implementations normally justify by adjusting width of whitespace only 2) it's the last (and only) line in a block, so it won't be justified. The first issue could be handled by inserting spaces around the hyphens; this would be logical, since they aren't really intra-word hyphens but separate distinct words in a bullet-like manner. The second issue probably has no cross-browser solution. (Playing with fixed word or letter spacing, padding, or similar methods, would be rather hopeless. If you really rely on pixel-exact dimensions of letters etc., it would be better to use an image, where the dimensions _are_ exact.) For IE 5.5 and newer, the following works: text-align-last: justify; This would seem to make the text appear too close to the "FABRIKKEN" text, probably due to the change to a block and some attempts at pixel-exact positioning in your CSS code. It doesn't look quite justified either, probably because there are some tricky margin, padding, and other settings. It might be best to turn the logo-like text into a logo image. -- Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
