html - Vertical Button using CSS -

I'm trying to create a vertical button, but I'm not able to put the text in just one line.

So far I have :

CSS:

  # hp-ctn-howItWorks {status: fixed; Top: 300px; Correct: 0 pixels; Padding: 0px; Margin: 0px; Width: 40px; Height: 160px; Background: # FF931E; Z-index: 15; Range radius: 3px 0px 0px 3px; } # HP-CTN-Highway Works IMG {margin: 15px0px0px13px; } # HP-CTN-Highway Works {color: #fff; -moz- Consequently: rotate (-90deg); MS-Consequently: Rotate (-90deg); -over-rotate (-90deg); -webkit- Convert: Rotate (-90deg); }  

HTML:

  & lt ;! - How it works Button - & gt; & Lt; Div id = "hp-ctn-howItWorks" & gt; & Lt; Img src = "~ / content / images / ui-symb-arrow-left-white-15x15.png" width = "15" height = "15" /> & Lt; P & gt; Como Fancina & lt; / P & gt; & Lt; / Div & gt;  

Any ideas how can I push the text down and put it in just one line?

You can do this like html non-breaking space & amp; Nbsp; here & lt; P & gt; Como & amp; Nbsp; Funciona & lt; / P & gt;

After this change it looks like this and the margin on the image