Forums

Forum Navigation
You need to log in to create posts and topics.

How to display text vertically CSS

The proper way of displaying text vertically in CSS is by using writing-mode property:

h1{
  writing-mode: vertical-rl;
}

Proper way of displaying text vertically in CSS by https://codepen.io/juliepark/pen/bJGvyP

There is alternative way of doing this, like rotating the text vertically using transform property in CSS. But this is not the recommended way to do.

.vertical-text {
  transform: rotate(90deg);
  transform-origin: left top 0;
}

Alternative way by https://davidwalsh.name/css-vertical-text