text-justify「両端揃えの調節方法」

<style type="text/css">
.common div{
  font-family   : "メイリオ", sans-serif;
  width         : 290px;
  border        : 2px solid #6495ed;
  background    : #e7e7ff;
  padding       : 10px;
}
div.cssTitle {
  margin-top    : 10px;
  background    : #6495ed;
  color         : #fff;
  font-weight   : bold;
}
.css-text-align { text-align:justify;}
.css-auto { text-justify : auto;}
.css-none { text-justify : none;}
.css-word { text-justify : inter-word;}
.css-distribute { text-justify : distribute;}
.css-ideograph { text-justify : inter-ideograph;}
.css-cluster { text-justify : inter-cluster;}
.css-kashida { text-justify : kashida;}
.css-newspaper { text-justify : newspaper;}
.css-all-lines { text-justify : distribute-all-lines;}
.css-center-last { text-justify : distribute-center-last;}

<!-- html -->
<div class="common">
  <div class="cssTitle">◆スタイル指定なし</div>
  <div>
  ・text-justifyは、行の両端揃えの方法を指定するプロパティです。
    text-justifyは、CSS3から新しく追加されたプロパティです。<br>
  ・text - justify is the property as which a way of justification in the line is designated.
    text - justify is the property added newly from CSS3.
  </div>

  <div class="cssTitle">◆text-justify:auto;</div>
  <div class="css_auto css-text-align">
  ・text-justifyは、行の両端揃えの方法を指定するプロパティです。
    text-justifyは、CSS3から新しく追加されたプロパティです。<br>
  ・text - justify is the property as which a way of justification in the line is designated.
    text - justify is the property added newly from CSS3.
  </div>
</div>