text-align:justify; and

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

Sorry I got a typing error in the code and didn't end it correctly.

Code:

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

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

Of course the text-align property is set as well.

Code:

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

Imar · June 17th, 2012, 10:27 AM

I think this is by design; I think text-align is just applied to implicit linebreaks (by wrapped text) and not by line breaks or pagragraph ends. Otherwise you end up with wide spaces on the last sentence.

Imar

Barry Sharples · June 17th, 2012, 11:33 AM

I have found a website that seems to have solved it but I cannot locate the key bit of coding that does the job.

http://www.williamkolean.com/williamblog/?p=23

I shall have to live with it. This is how my newspaper extract looks. It would have been good to have it justified as in the original but there you go.

http://www.bosburyhistoryresource.or...ewspapers.html

Imar · June 17th, 2012, 11:37 AM

The text in your article is not aligned in any of the browsers I tested it on so I wonder why you would go down the road of separating each line in its own p element. Wouldn't it justify nicely with a single paragraph except for the last line of text?

Imar

Barry Sharples · June 17th, 2012, 01:11 PM

I have changed it to one long paragraph and uploaded the page as Newspapers2.html

The problem is that, however I adjust text margins, I cannot get the text to divide at the proper words. For example down to the line 8 beginning '20 miles' is fine in Firefox (not IE or Chrome) but 'remark-' should be at the end of line 10 and 'able' at the start of line 11. The only way I can see to have the correct words on the correct line so that it matches the original newspaper article is to break lines using or but then I lose the justification. Aargh!

I hope to transcribe a number of newspaper clippings, hence my search for a display method. I'll keep searching the web for an example with understandable coding.

Col_Boogie · January 11th, 2015, 11:09 PM

I frequently have equations like "5/50 = 10%" and html can spit up the equation. The original complaint that

Code:

<br>5/50 = 10%

doesn't work because the effectively changes text-align=justify to text-align=left for the line the is on.

In this case, it is better technique to use

Code:

5/50&nbsp;=&nbsp;10%

to prevent html from splitting up the equation. In general, this is a better technique anyway for non fixed width web pages.

However, there are other characters that I do not now how to use that technique with. Any help for me?

annakieu541 · March 21st, 2018, 04:35 AM

Quote:

Originally Posted by richard.york

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

Thanks you! It's true!

Col_Boogie · March 22nd, 2018, 12:40 AM

The HTML code

Code:

<br>

automatically changes the alignment to left. However there is one workaround. What is needed is to prevent the breaks between the next several words. code should look like

Code:

This is the start of a very long line.
<span style="white-space: nowrap;">I have just prevented a line break between any of the words in this sentence.</span> You may continues with more words.

The trick is once the "span" code is too long to fit on the previous line HTML will end the line at the start of the "span" code and use the justify alignment as asked for. Of course you can use styling to shorten the coding. with HTML5 you might try

Code:

New_L {white-space: nowrap;}

and later

Code:

<New_L>Start a new line here:</New_L>

ukrsolution · March 31st, 2018, 03:04 PM

Not sure this code will work. I'd recommend do not use tag in your code.