xxxxxxxxxx
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg); /* Safari */
-moz-transform: rotate(-90deg); /* Firefox */
-o-transform: rotate(-90deg); /* Opera */
-ms-transform: rotate(-90deg); /* IE (Internet Expl0rer) */
xxxxxxxxxx
.text {
/* Browsers not below */
transform: rotate(-90deg);
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
}
xxxxxxxxxx
<div style={{ writingMode: 'vertical-rl' }}>
ROTATE THIS TEXT VERTICAL
</div>
xxxxxxxxxx
/* Browsers not below */
transform: rotate(-90deg);
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);