CSSで文字の調整をしていて、文字を回転した時に文字を上寄せにしたい

カレンダーのテーブルを作ってます

CSSで文字の調整をしていて、文字を回転した時に文字を上寄せにしたいです。

日本語環境では意識しなくてもいいですが、英語環境に対応したいため、文字を回転した時に文字を上寄せにしたいです。

text-align: right; や vertical-align: top;を使っても動作しなくて困っています。

どなたか解決方法がわかれば教えて下さい。

css

.rotate-header { padding: 0px; text-align: right; text-orientation: sideways; writing-mode: vertical-lr; transform: rotate(180deg);}