css text orientation vertical but like writing bottom up

Issue

I want to show a text with vertical orientation, but, all examples I find on the internet display the text vertically, but like it was written from up to bottom

I want exactly the opposite

I combine writing-mode with text-orientation, but I can't get the result I want

Thanks in advance,

Rafael

Solution

You can try use transform and rotate

.word {
  margin: 50px -30px;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: whitesmoke;
  width: 100px;
  text-align: center;
}

<div class="word">hello world</div>

More about how to use this here

Answered By - Bladimir Medrano Vargas