CSS 实现文字竖排并设置间距

<div class="vertical-title">我是竖排文字</div>

1、设置writing-mode属性

.vertical-title {
    writing-mode: vertical-lr;
    letter-spacing: 10px;
}

效果：
2、文字旋转90°

.vertical-title {
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-moz-transform:rotate(90deg); /* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg); /* Opera */
}

效果：