文本对齐对齐但向右？

Question

We want to make text-align:justify, to take all the width of the column, but it should start from the right side. Is there any way to make it with css or somehow?.

EDIT:

As suggested http://jsfiddle.net/dVbJr/33/

.text {
  text-align: justify;
  direction:rtl;
}

works, but it has punctuation issue.

SOLVED

    <span style="float:right">...</span>

This to be attached in the end has solved the punctuation issue. Thanks for effort though to everyone! I shall accept the first answer then.

Answer 1

I believe you might want something like this:

direction:rtl;
text-align:justify;

Example: http://jsfiddle.net/aew75/

Answer 2

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

If I understand the question correctly, the issue is really just how to right-align the last line of a justified block of text. The above does just that, using a property in CSS 3 Text (with a vendor prefix version for better support), supported by modern browsers though not universally.

Though setting the writing direction to right-to-left causes this, among other things, it has several other, more fundamental effects. You may get away with it, if you don't ever have inherently right-to-left characters in the text.

Answer 3

It can be solved by adding text-align-last:

div.a {
    text-align: justify;  /* For Edge */
    text-align-last: right;
}

Source: link

Answer 4

check this sample

for right-to-left you just need to set direction:rtl

Answer 5

CSS

text-align: justify; 
text-align: right; // or text-align: left right; 

Answer 6

Just try this.

text-align:right justify;
direction:rtl;