Vertically & horizontally align text after CSS rotation

Question

So I\'m using CSS to rotate some text from horizontal to vertical (90 degrees) like so:

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


        

Answer 1

Alternative method, which is more browser compliant and doesn't need information about amount of text beforehand:

.disclaimer {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 12px;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    line-height: 15px;
    height: 15px;
    width: 15px;
    overflow: visible;
    white-space: nowrap;
}

http://jsfiddle.net/d29cmkej/