以下のようにテキストを左寄せではなく、均等に割り当てを行いたい
このときtext-align: justify
を利用すればできると思っていたができなかったので調査した
https://www.w3.org/TR/css-text-3/#text-align-property
仕様をみるとtext-align-last
で特に指定されていない限り、改行前の最後の行またはブロックの終わりは開始整列(左寄せ)になるとある
つまり、一行の場合はtext-align-last: justify
も一緒に利用しなければならないことがわかった
試しに複数行にすると下のようになった
この場合は最終行が間延びしたか感じになるので、text-align-last: justify
は不要で1行と複数行で使い分けが必要そう