Vertical Button using CSS
demo - http://jsfiddle.net/victor_007/m1c5xazr/1/
rotate the buttom instead of text
#hp-ctn-howItWorks img {
vertical-align:middle;
}
#hp-ctn-howItWorks {
padding:0px 0px 0px 0px;
text-align: center;
margin:0px;
width: 160px;
height:40px;
background:#FF931E;
z-index:15;
border-radius: 5px 5px 0px 0px;
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
transform-origin: bottom right;
position: fixed;
right: 0px;
}
#hp-ctn-howItWorks p {
color:#fff;
display:inline-block;
line-height:40px;
}
You can do this by using the html non breaking space
here <p>Como funciona</p>
this is how it looks after changing it and the margin on the image
jsfiddle