text-align:justify; and

anshul · September 2nd, 2004, 01:09 PM

suppose we are writing text-lines with between the lines.
i want 'text-align:justify;' to do its usual work; i mean to turn-off side-effect of 's
at the same time, i need blank lines between the text lines.
a line less than block-width should be automatically padded with spaces to keep it upto right, in sync. with all other lines.

is there a way ?

stu9820 · September 2nd, 2004, 01:38 PM

What is the side effect of a ?

richard.york · September 2nd, 2004, 04:54 PM

Generally speaking it is good practice to avoid using the tag all together, and instead enclose text in paragraphs using the tag and headings in heading tags <h1> - <h6>. This allows the markup to have meaning in its structure. By using the element you can control all of the space around text using CSS margins and padding and this also has the benefit that the markup actually describes what it is structuring. Make sense?

If you need more space between the lines inside of a paragraph, you can also increase that space by using the line-height property.

As far as what you mean by the side-effects of a , I haven't a clue what you mean but I think I get what you're saying. If I'm off track, can you provide an example and a more elaborate description?

Regards,
Rich

--
[http://www.smilingsouls.net]
[http://pear.php.net/Mail_IMAP] A PHP/C-Client/PEAR solution for webmail

anshul · September 5th, 2004, 02:26 PM

This is first line of text full-stop
 
 This is second line of text full-stop
 
 This is third line of text full-stop
 
 This is fourth line of text full-stop


 is doing its usual work.
.. and usual use of text-align is to justify textual-paragraphs. yes.

i want both sentences start at left and justified right amidst BRs
or they should not die in between before going to right margin.

if is dropped from there; right-margin will be justified.
but i want new sentence to start in a fresh line.

no problem if all sentences i type are identical!

Quote:

quote:( no need of 'text-align' then )

Quote:

, can you provide an example and a more elaborate description?
Regards,
Rich

please see very first 2 lines of text. http://www.mediasworks.com/literature/nnbelle.htm

simply i say, i just wanted 'W' below 'D' :it is OK
in similar way i wanted to assure '!' below '?'
but this is not happening there.

Randhy · September 6th, 2004, 11:10 PM

It surely can't be done, this is similar to the working way at MS-Word and other word processors.

isNaN · September 10th, 2004, 09:14 AM

if you use a external stylesheet whith the link tag in the head ie. <link type="text/css" rel="stylesheet" href="...."> and just use
first line
second line
third line
it will do the same as and should work fine.

Barry Sharples · June 17th, 2012, 08:25 AM

This problem (keeping text-align:justify when the tag includes a left-justify as part of it's action) has still not been solved in June 2012. I have searched everywhere and cannot find a sensible workaround. To explain the problem simply, you can put p {text-align:justify;} or div.text1 {text-align:justify} or span.text1 {text-align:justify} and put your text within a or <div class="text1"> or but as soon as you put a inside the text then the line before it loses its justify alignment. Has anyone come up with an answer in the meantime?

I want to reproduce a newspaper item exactly as in the original paper with every line justified and matching the original. To get the words to match exactly I need to use on each line but of course the justification is lost.

Barry Sharples · June 17th, 2012, 08:48 AM

The idea that can replace doesn't work as introduces a blank line.

Imar · June 17th, 2012, 08:53 AM

Quote:

The idea that can replace doesn't work as introduces a blank line.

it doesn't. It's the CSS that does this which you can remove by setting margin and padding to 0:

Code:

 
p
{
  margin: 0;
  padding: 0;
}

Quote:

then the line before it loses its justify alignment. Has anyone come up with an answer in the meantime?

You mean the line with the statement? Or the line before that one?

In the former case, I think it makes sense, and that's usually how text align works, in Word processign as well. Otherwise, you would get extremely large spaces between the words....

Imar

Barry Sharples · June 17th, 2012, 09:18 AM

Thanks Imar. I have used at the start of each line and at the end of each line after defining the style for p as {margin:0;padding:0;} as you suggested. The blank lines have gone but the justification has gone as well and I'm back to left align. I use Firefox 13 but I thought to check it in IE 9 and Google Chrome. It works in IE which keeps the justify but not in Chrome which is back to left alignment so it is obviously a browser interpretation. I would like to find a way that works for all three browsers.

This is the simple coding:
[code]
<head>
<style type="text/css">
p {margin:0;padding:0;}
</style>
</head>
<body>
BOSBURY Horse Show and
Races - The proverbial fine
day again favoured the hold-/p>
ing of this long-established
</body>