How can I draw vertical text with CSS cross-browser?

Question

I want to rotate a single word of text by 90 degrees, with cross-browser support. How can this be done?

Answer 1

Hi there. You would need to put the letter you want to rotate in a span tag and rotate that span via translate: rotate(90deg) as such:

<div><span>A</span>BCDE</div>

span {

float: left;

transform: rotate(90deg);

}