CSS Text orientation : vertically oriented to the right

Is it possible to get my text oriented vertically to the right with CSS, like on the image below ?

enter image description here

I tried the way below, but without being able to reverse the orientation:

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

<div>dimanche</div>

sideways isn't supported by all the browser. Instead you can replace it with a scale transformation

div {
  writing-mode: vertical-rl;
  /*text-orientation: sideways;*/
  transform:scale(-1);
}

<div>dimanche</div>

rotate it by -90deg using transform. If you want it in the opposite direction, rotate it by 90deg

div {
  background-color: #ccc;
  display: inline-block;
  padding: 5px;
  transform: rotate(-90deg);
  transform-origin: center bottom;
}

<div>dimanche</div>

Related