いつまで経っても「覚えない」「身につかない」【CSS】のひとつです。
「覚えられない」のか「覚えるつもりが無い」のかは、今のところ定かではありません。
「文字組の末尾を揃える」ための【呪文】のようなもの。超ベーシックなCSSですね。
このコードをCSS（スタイルシート）に書き加えておくだけで、スッキリ【テキスト両端揃え】を実現できます。
p, li {
text-align: justify;
text-justify: inter-ideograph;
word-break: break-all; // --- ←英文混じりテキスト（日本語表記優先の文字列）なら、入れておいた方が「お得」！
}このコードを加えるために、「ほぼ毎度検索」しているジブンのための「メモ」投稿です！
紙媒体（印刷物）ご出身のデザイナーさんは特に、文字組の端の揃えを気にするケースが多いように思います！
ユーザーさんの閲覧環境、つまりご利用デバイスの別やユーザーごとの環境設定（使用フォントやフォントサイズ、表示倍率などなど））に影響される【文字列の揃え】について、「何とかしてほしい」とのオーダーの多くは、印刷物などの【紙媒体ご出身のデザイナーさん発】が多いと感じています。
もちろん、「文字列末尾の揃えが気になる…」という感覚は理解しております。
ですので、この【呪文】を唱えおきましょう！ というメモ。
文字列は、とにかく揃っていた方が気持ち良いですからね！
