Adding writing-mode:vertical-lr to a td element produces vertical text, with lines stacking LTR.

Test link(s):

[test](https://w3c.github.io/i18n-tests/exploratory/vanilla/index.html?text=%3Cstyle%3Etable%20%7B%20margin%3A1em%3B%20%7D%20td%20%7B%20border%3A1px%20solid%20orange%3B%20%7D%3C%2Fstyle%3E%0A%3Ctable%3E%3Ctr%3E%3Ctd%20style%3D%22writing-mode%3Avertical-lr%3B%22%3E%E1%A0%B3%E1%A0%A4%E1%A0%AE%E1%A0%B3%E1%A0%A0%E1%A0%B3%E1%A0%A4%20%E1%A0%A4%E1%A0%AF%E1%A0%A4%E1%A0%B0%20%E2%80%8D%E1%A0%A4%E1%A0%A8%20%E1%A0%A0%E1%A0%B7%E1%A0%A0%E1%A0%B3%20%E2%80%8D%E1%A0%A4%E1%A0%A8%20%E1%A0%AA%E1%A0%A1%E1%A0%A9%E1%A0%AD%E1%A0%A2%3Cbr%3E%E1%A0%B3%E1%A0%A0%E1%A0%B7%E1%A0%A0%E1%A0%AD%E1%A0%A0%E1%A0%AC%E1%A0%A2%3C%2Ftd%3E%3Ctd%3Edefault_cell%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E%3Ctd%3Edefault_cell%3C%2Ftd%3E%3Ctd%20style%3D%22writing-mode%3Avertical-lr%3B%22%3E%E1%A0%B3%E1%A0%A4%E1%A0%AE%E1%A0%B3%E1%A0%A0%E1%A0%B3%E1%A0%A4%20%E1%A0%A4%E1%A0%AF%E1%A0%A4%E1%A0%B0%20%E2%80%8D%E1%A0%A4%E1%A0%A8%20%E1%A0%A0%E1%A0%B7%E1%A0%A0%E1%A0%B3%20%E2%80%8D%E1%A0%A4%E1%A0%A8%20%E1%A0%AA%E1%A0%A1%E1%A0%A9%E1%A0%AD%E1%A0%A2%3Cbr%3E%E1%A0%B3%E1%A0%A0%E1%A0%B7%E1%A0%A0%E1%A0%AD%E1%A0%A0%E1%A0%AC%E1%A0%A2%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftable%3E&lang=mn&fontSize=32&fontFamily=Menk%20Hawang%20Tig&width=600&height=969&a=Adding%20writing-mode%3Avertical-lr%20to%20a%20td%20element%20produces%20vertical%20text%2C%20with%20lines%20stacking%20LTR.&i=Test%20passes%20if%20the%20Mongolian%20text%20runs%20vertically%20down%20the%20cell%2C%20and%20the%20shorter%20line%20is%20on%20the%20right.)

Results:

- **Gecko:** ✅    *Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/117.0* 
- **Blink:** ✅  Any_comments_here   *Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36* 
- **Webkit:** ❌ It leaves the text horizontal. *Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Safari/605.1.15* 


Related tests: [Vertical text](https://www.w3.org/International/i18n-tests/results/int-vertical-text)


Navigation Menu

Uh oh!

Adding writing-mode:vertical-lr to a td element produces vertical text, with lines stacking LTR. #21

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Uh oh!

Adding writing-mode:vertical-lr to a td element produces vertical text, with lines stacking LTR. #21

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions