Cssdescription

Rotate Text

Css

.classname {
    background: none repeat scroll 0 0 #215B8D;
    border: 1px solid #2D2D2D;
    border-radius: 5px 5px 5px 5px;
    padding: 52px 14px;
    text-align: center;
}

.classname span {
    color: white;
    font-size: 17px;
    font-weight: bold;
      left: -4px;
    margin-top: -9px;
    position: absolute;
    /*transform: rotate(270deg);*/
    -webkit-transform: rotate(270deg);  
    -moz-transform: rotate(270deg);  
    -ms-transform: rotate(270deg);  
    -o-transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    width: 50px;
}

Demo

 <div id="button" class="classname">
            <span>LOG IN</span>
        </div>