垂直定位文本相对并旋转90°

Question

我不确定是否有财产可以做到这一点。但我希望在这个网站上的div中垂直添加文字 - http://chazsouthard.org/。但是我希望文本看起来顺时针旋转90°。

我附上了Photoshop的截图作为我想要完成的一个例子。

Answer 1

如果您使用的是CSS3，我相信您正在寻找transform: rotate(90deg);

http://www.w3schools.com/cssref/css3_pr_transform.asp

Answer 2

您需要在此处使用负数来实现您想要的方向。添加前缀版本以及跨浏览器兼容性。简单的代码：http://codepen.io/BuoyantMedia/pen/Asdmr

transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);