Text Alignment & Justify

HTML

<h2>text-align: justify; text-align-last: justify;</h2>
<div class="justify-last">会社名</div>
<div class="justify-last">住所</div>
<div class="justify-last">電話番号</div>
<div class="justify-last">aaaa bbbbb ccccc ddddd eeeee fffff ddddd</div>
<h2>text-align: left;</h2>
<div class="left">
  aaaaaa bbbbbb cccccc dddddd eeeeee
</div>
<h2>text-align: justify;</h2>
<div class="justify">
  aaaaaa bbbbbb cccccc dddddd eeeeee
</div>
<h2>text-align: left;</h2>
<div class="left">
  あああああああaaaaaaaaいいいいbbbbbbbb
</div>
<h2>text-align: justify;</h2>
<div class="justify">
  あああああああaaaaaaaaいいいいbbbbbbbb
</div>
<h2>text-align: justify; text-align-last: justify;</h2>
<div class="justify-last">
  あああああああaaaaaaaaいいいいううううう
</div>
<h2>text-align: justify;</h2>
<div class="justify">会社名</div>
<div class="justify">住所</div>
<div class="justify">電話番号</div>

CSS

.justify {
  text-align: justify;
 /* text-justify: inter-ideograph;*/
}
.justify-last {
  text-align: justify;
  text-align-last: justify;
  /*text-justify: inter-ideograph; */
   /*text-justify: inter-character; */
  text-justify: distribute;
}
body {
  font-size: 15px;
  font-family: sans-serif;
}
div {
  width: 150px;
  margin: 0.2rem 0;
  background-color: #CCFF99;
}
h2 {
  margin: 1rem 0 0;
  font-size: 14px;
  font-weight: normal;
}