css - XHTML - How can I make a piece of text drop on to a new line or wrap without putting a space in it? -

I have a small space in which I would like to write. The problem is that if there is a long word input, then it flows through the shore Because there is no place.

I can overflow: it is hidden, but it is not what I am searching for. Ideally I'd like the word to drop it in a new line with a '-' before it.

The word is one with its beginning
will not fix the problem.

word-wrap: break-word in CSS (okay, Without - in the new line), but when I tried to do this, then he had some browser problems, so be careful;).

The second solution text (or packet of 3 or 5 letters in & lt; span & gt; & lt; span & gt; ) so that they can ramp up, but There will be no spaces for fitting the line.

To add hyphens, you can use jquery and you can search for some elements of offset to create a hyphen.