How do I horizontally scale text with css?

My client has provided me with the text size, spacing and width settings that he wants on his site. I have got the word-spacing (tracking) and letter-spacing (kerning) set correctly but I am having trouble setting the horizontal scaling of the text with css. Does anyone know if it can actually be done? He wants it set at 80%. I have come across the "font-stretch" command, which I think would work but it doesn't appear to be recognized by any browsers.

Any help would be appreciated.

 

Make a div class with 80% width

 

Thanks Xabber! I'll give it a go to see if has the desired effect.

 

Still having some problems. When I set the width in the div class to 80% it makes the text drop down to the next line instead of squashing it so that it all fits on one line (it's only two words).

 

I think it's hard to stretch the actual texts other than adjusting it's spacing... why do they need it to stretch anyway? the spacing could do it...

 

He wants each individual letter to be narrower than normal. Spacing will pull the letters closer together but it doesn't make them narrower. I have to agree, having seen my customers example done with Illustrator, that at 80% it looks much better than standard width text and is easier to read.

 

If it's a short header, why not use a graphical text instead and display:none; the actual texts... I think there's no way you can do the stretching through css, unless you do find a font that is exactly at that stretch point...