Right justifying text?

Question

I'm trying to come up with an example that experiments with different alignments as a demonstration. It's easy to left, center, right, justify, and center-left-justify text, as seen in my demonstration:

You can see this example here on JSBin. How can I get right-justified text without the punctuation getting messed up? (Notice the period to the left on the last line of the center-right-justified text.)

http://stackoverflow.com/questions/10684533/text-align-justify-but-to-the-right — Peter, Feb 01 '13 at 20:09
@j08691, that's the only way to have the justified text's bottom line be right-aligned. — Naftuli Kay, Feb 01 '13 at 21:26

score 4 · Accepted Answer · edited May 23 '17 at 11:53

4

This should work in IE (only):

text-align: justify;
text-align-last: right;

It doesn't look like there is a great cross-browser solution, but this might help:

Justify the last line of a div?

edited May 23 '17 at 11:53

Community

1
1

answered Feb 04 '13 at 21:31

trevorp

1,161
1
14
19

Unfortunately, IE is the browser I'm least interested in targeting :( – Naftuli Kay Feb 06 '13 at 03:58

Right justifying text?

1 Answers1

Linked