Rotated text

Demo of rotating a div for sideways text

by doug65536

HTML

<div>
<div id="x">
    <div>I'm rotated and much much longer</div>
</div>
</div>

CSS

div {
    position: relative;
}
#x {
    position: absolute;
    transform: translate(0%,-50%) rotate(-90deg) translate(-50%,0%);
    -webkit-transform: translate(-50%,-50%) rotate(-90deg) translate(-50%,50%);
    -moz-transform: translate(0%,0%) rotate(-90deg) translate(-50%,0%);
    -o-transform: translate(0%,0%) rotate(-90deg) translate(-50%,0%);
    -ms-transform: translate(0%,0%) rotate(-90deg) translate(-50%,0%);
}