Make word-wrap: break-word work in responsive layouts

Thanks to @ChrisCoyier for this one!

I had an issue with user content breaking layouts, and setting a hard width to a container to make the text wrap wasn't an option, of course, you could media query every single screen width, but I like this solution better.....

html { 
  -ms-word-break: break-all; 
  word-break: break-all; 
  word-break: break-word; /* old webkit */ 
}

Sets all content to force word wrap (may not work in every case, but this might keep you from writing a ton of media queries).