I'm trying to build a vertical button but I not able to put the text in only one line.
Until now I have:
Any idea how can I push down the text and put it in only one line?
#hp-ctn-howItWorks
{
position:fixed;
top:50px;
right: 0px;
padding:0px;
margin:0px;
width: 40px;
height:160px;
background:#FF931E;
z-index:15;
border-radius: 3px 0px 0px 3px;
}
#hp-ctn-howItWorks img
{
margin: 15px 0px 0px 13px;
}
#hp-ctn-howItWorks p
{
color: #fff;
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
}<div id="hp-ctn-howItWorks"><img src="~/Content/images/ui-symb-arrow-left-white-15x15.png" width="15" height="15" /><p>Como funciona</p></div>