CSS Text orientation : vertically oriented to the right

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>

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>

Related