antithesis antithesis - 9 days ago 5
CSS Question

What is the CSS equivalent of Photoshop paragraph format: "justify last right"

I have this case where I use

text-align: justify
and
direction: rtl
(because I want the last line to float to the right).
The problem is that if my text starts and ends with ellipses, these are not placed correctly.

EDIT:
The
direction: rtl
is a completely wrong approach and causes problems with punctuation. To say the truth I was misled by the accepted answer here: Text-align justify but to the right?

What I needed was
text-align-last:


text-align-last: right;
-moz-text-align-last: right;


Also check:


Answer

EDIT: The proper way of aligning the last line of the paragraph is with a use of the

text-align-last

CSS property. With a value set to right in this case. The property has no effect in the Safari browsers, so be aware of that.

below is the original answer which addresses the problem from the question

There is a similar situation described in this question:

Browsers render final comma on the begenning

Based on that, a possible workaround to your problem would be wrapping each ellipsis in a container with modified encoding, like this:

<span style="unicode-bidi: bidi-override;">...</span>