Last Updated: February 25, 2016
· 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: