こういうリンクっぽいセレクトボックスを実装したいのだが、
セレクトボックスの全体の幅は選択肢中の最長文字列に合わせてしまうので、最短文字列の場合に文字列とアイコンの間に余白ができてしまう
これだと不格好なので修正したい
テキストを右揃えにする
解決するうためにテキストを右揃えにすることを考える
そこで
direction: rtl;
を使う
ヘブライ語やアラビア語などのテキストでは右から左に文章を書くので、そのために右に寄せにするためのCSS
日本語などそれ以外では ltr
を使う
これで右寄せにすることができた