Last Updated: February 25, 2016
·
1.164K
· mgithens

CSS Vertical Text

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

/*
Add float: left; or display: inline-block; Depending on which direction you'd like the text to display vertically, the rotation will be different, but it's that rotate value which will make the text vertical. Here's a helpful tip:

Reference: http://davidwalsh.name/css-vertical-text

*/