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>
