垂直定位文字相對和旋轉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

您將需要使用一個負數這裏實現你的願望的方向。添加前綴版本以及跨瀏覽器兼容性。簡單的codepen：http://codepen.io/BuoyantMedia/pen/Asdmr

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