css text orientation vertical but like writing bottom up-CodePudding

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

CodePudding user response：

I did it

Just used transform

transform: rotate(-90deg)

Which is the same as rotating 270deg

CodePudding user response：

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 >hello world</div>

More about how to use this here