行揃えを右にして、かつ、全部の行の先頭は左揃えにしたい

行揃えを右にして、かつ、全部の行の先頭は左揃えにしたいって、こいうやつ
最初、生徒さんに質問されて分からんかったけど、家に帰ってやってみたらできたw
これ次回もし同じことしようと思っても、絶対忘れていると思うので、めも。

生徒さんの書いてたHTMLはリスト、最初はリストを右寄せにしていた

このように変更したら文字数が増えても右寄せの左行揃えというのができた
★が今回書き足したコード

右寄せは margin-left: auto; でするとして
marginって要素の大きさが出んと使えない、だけど要素の大きさは文字なので不確定
要素の大きさにボックスサイズを合わせるというコードがないか探したら
あったんだよねー。知らんかったw
めっちゃ便利そうやん。
/* 要素の大きさにボックスを合わせる */
width:-moz-fit-content; /* Firefox用 */
width:fit-content; /* Firefox以外のブラウザ */
勉強になったわー。