How can you break text that is really long?

I am not 开发者_如何学编程quite sure how to do this.

I'm trying to break up text that is too long. (E.g. hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii)

I've tried using word-wrap: break-word; but this isn't doing anything.

word-break was now renamed to overflow-wrap as you can read in the spec. But browsers should accept the word-break rule.

You can also try to play around with text-overflow a litte bit. PPK wrote about it here and you can find more about it on MDN.

Check out the -webkit-hyphens css3 property. There is support for some other vendor prefixes as well.

http://drublic.de/blog/css3-auto-hyphenation-for-text-elements/