CODEWITHSUNDEEP
css
Richard Knop
Richard Knop

Reputation: 83745

Vertical Text In Firefox

I want to have a vertical text (going from top to bottom instead of from left to right). I used:

.vertical {
    writing-mode: tb-rl;
}

But that doesn't work in Firefox. Is there any cross-browser compatible way to achieve vertical text?

Upvotes: 1

Views: 1984

Answers (2)

Samuel
Samuel

Reputation: 17171

Put each line in its own div and insert a <br> element between each character.

Upvotes: 1

BalusC
BalusC

Reputation: 1109292

This is a MSIE proprietary CSS3 property. It will take a long time (maybe never) that the w3c will adopt it in the standard so that other browsers will follow. Best solution as far may be to use Flash. There are tools for that: sIFR and swfIR. Alternatives are Javascript and/or images.

I however question the value of vertical text in usability context.

Upvotes: 0

Related Questions