Internet Explorer 11 keeps splitting words

css, internet-explorer-11, split, words

Solution

I haven't looked at your site, but it looks like you need to add the `-ms-hyphens` prefix to your css. You have the `-webkit` and `-moz` but no `-ms`:

-ms-hyphens: none;

See here for more info: http://msdn.microsoft.com/en-us/library/ie/hh771871(v=vs.85).aspx

Also, after looking into it a bit more, it looks like Opera doesn't support this, and neither do most mobile browsers: http://caniuse.com/css-hyphens - Just a heads up in case you come across that down the road.

Problem

Internet explorer keeps on splitting my words. Chrome and Firefox are working fine. Here is my code and the link to the website: http://www.hgsainc.com/about/ Thanks for your help! ``` .page #main .entry-content { width: 100%; padding-right: 0; word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; table-layout: fixed; } .page #main .entry-content p, .page #main .entry-content span { font-size: 16px; line-height: 30px; text-align: right; } ```

Original source