シンプルにtext-align: right;
を使ってもうまくいかないため、対処方法を調べた
対処方法
directionを使う
direction: rtl;
direction
のrtl
は右書きの言語(ヘブライ語やアラビア語など)に使用される
一般的には、dir属性で指定するためcssで直接指定することはない
text-align-lastを使う
text-align-last: end;
対象要素の文字列の最終行の位置を決めるためのcss
まとめ
text-align
でやらせてくれ