CSS : Align characters to vertical

Question

How can I align each character to vertical by using css ?

<div>VALUES</div>

I don't seem to understand why all these answers are being downvoted. They all address the question somehow asked by OP. — Always Helping, May 27 '22 at 06:02
@AlwaysHelping Not all of them. The `rotate` approach will rotate the entire div, so the characters will be rotated as well. — Robby Cornelissen, May 27 '22 at 06:03

Jaswinder Kaur · Answer 1 · 2022-05-27T06:58:54.403

0

Use writing-mode and text-orientation properties

 div 
 {
 writing-mode: vertical-rl;
 text-orientation: upright;
  }

<div>VALUES</div>

edited May 27 '22 at 06:58

answered May 27 '22 at 05:54

Jaswinder Kaur

score 0 · Answer 2 · answered May 27 '22 at 05:57

0

You can achieve this with the writing-mode and text-orientation properties as follows:

div {
  writing-mode: vertical-rl;
  text-orientation: upright;
}

<div>VALUES</div>

answered May 27 '22 at 05:57

Robby Cornelissen

2 Answers2