How to type text vertically in Editable Fields with HTML, CSS, Javascript…?

Question

I want to type text from up to down, right to left like the image below. I just search around but didn't find any result that matches my requirement. How can I do that with HTML, CSS, javascript? Thanks!

https://imgur.com/kO7BDbj

Answer 1

Use text-orientation for the above quest the example is as follows:

 .some { writing-mode: vertical-rl; text-orientation: upright; border: 1px solid #000; padding: 5px; min-height: 50px; min-width: 50px; } 

 <div class='some' contenteditable=true> some text <br>asdasdasdas<br> asdasdasdas<br> asdasdas<br> adasda<br> asdasd<br> adasda<br> adada </div> 

More details on the same can be found here