0

I want make CrossBrowser Vertical CSS Text , i have this code

but I need the text to rotate like this :

Image

K. P.
  • 540
  • 5
  • 17
mat7777
  • 37
  • 1
  • 7
  • Possible duplicate of [How can I draw vertical text with CSS cross-browser?](https://stackoverflow.com/questions/1080792/how-can-i-draw-vertical-text-with-css-cross-browser) – m.cekiera May 02 '18 at 21:57

1 Answers1

0

You can achieve it via transform: rotate() CSS property, for example:

div {
  width: 300px;
  transform-origin: center top;
  transform: rotate(270deg);
}
<div>
  <h1>First</h1>
  <h1>Second</h1>
  <h1>Third</h1>
</div>
P.S.
  • 15,970
  • 14
  • 62
  • 86
  • @mat7777 there is no property, which will work in **all** browsers, but the list of browsers, which support this feature is not bad, you can check it here: https://caniuse.com/#feat=transforms2d (click "Showing all") – P.S. May 02 '18 at 20:48