title: Right justifying text?
body: <p>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:</p>
  
  <p><img src="https://i.imgur.com/Mb0qoLn.png" alt="a"></p>
  
  <p>You can see this example <a href="http://jsbin.com/avuzuf/1/edit" rel="nofollow noreferrer">here</a> 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.)</p>