What would be the best way to do a "vertical text" in HTML / CSS?

Question

What would be the best way to do a "vertical text" in HTML / CSS?

Navigation

#1 by (7 votes)

4

I'd like to hear from you how best to do these types of text alignment as in the example (vertical alignment, with letters up, " vertically straight ". with the border of a DIV pie)

html css

asked by anonymous 09.11.2015 / 19:28

1 answer

How to transform a String made up of numbers into a list of integers? Generate random numbers in Java

score 7 · Accepted Answer

Using the text-orientation , writing-mode , and transform properties you can get the result you want. Except for transform these are recent specifications , perhaps not having support for older versions of browsers.

Note : These attributes in some browsers make it necessary to use the vendor (prefix). Example : -webkit-text-orientation: upright; .

See working here at jsfiddle .

Reference: MDN - text-orientation

Reference: MDN - writing-mode

Reference: MDN-transform

Reference: MDN - Vendors / Prefixes