Is there a way to just rotate text vertically? Without rotating the whole cell?

Question

I'm trying to do it using this:

.VerticalText {   
transform: rotate(-90deg); 
}

but it's rotating the text and cell. How do I just rotate the text vertically inside the cell?

Wrap text in `` element and rotate it. The final example would be `.VerticalText span { transform: rotate(-90deg); }` — Morpheus, Jul 04 '17 at 12:36

score 0 · Accepted Answer · answered Jul 04 '17 at 12:33

0

You should make a div what is outside the text, and rotate that the other way.

So: If

.VerticalText {  
    transform: rotate(-90deg); 
}

and the div outside is called for example .VerticalTextWrapper

.VerticalTextWrapper {
    transform: rotate(90deg);
}

Hope that helps!

answered Jul 04 '17 at 12:33

If the cell is outside of the text, just rotate that of course.. – Idris Dopico Peña Jul 04 '17 at 12:33

1 Answers1