<div class="container">
  <p>Play around with the values of the <code>text-align-last</code> property to see how the alignment of the last line changes. In the following paragraph, the last line is centered using <code>text-align-last: center</code>.</p>
  <div class="text text-1">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus earum ut alias doloremque esse. Porro maxime dicta veniam molestias sed modi sunt sapiente eum nostrum consequatur accusantium facilis blanditiis nihil.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam, beatae, sint dolor facilis quod ipsum aliquid nihil suscipit rem sed laudantium impedit! Facilis quis aperiam nostrum laborum fuga veritatis quos.
  </div>
  <p>In the second example, the last line is justified: the words are distributed to fill the entire line box width.</p>
  <div class="text text-1">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus earum ut alias doloremque esse. Porro maxime dicta veniam molestias sed modi sunt sapiente eum nostrum consequatur accusantium facilis blanditiis nihil.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam, beatae, sint dolor facilis quod ipsum aliquid nihil suscipit rem sed laudantium impedit! Facilis quis aperiam nostrum laborum fuga veritatis quos.
  </div>
</div>
body {
  background-color: #F5F5F5;
  color: #555;
  font-size: 1.1em;
  line-height: 1.5;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.container {
  margin: 50px auto;
  max-width: 700px;
}

.text {
  padding: 20px;
  background-color: #0099cc;
  color: white;
  max-width: 500px;
  margin: 30px auto;
  text-align: justify;
}

.text-2 {
  -moz-text-align-last: justify;
  text-align-last: justify;
}

.text-1 {
  -moz-text-align-last: center;
  text-align-last: center;
}