html - Issue with text wrap on IE10 with brackets -

i have link in navigation menu doesn't wrap on ie10.

when there conditional plural using brackets, ie10 cut off word 2 separated lines. expecting whole word "link(s)" go next line if there not enough space, chrome doing.

it's supposed this:

hello worldddd link(s) 

i tried use different word-wrap , word-break attribute doesn't fix it. if use white-space: nowrap, word doesn't go next line. don't want force word go next line browsers.

do know can fix ie issue?

let's have text this:

<p>this longer <span class="nowrap">test(s)</span></p> 

then need apply following css:

p {     word-break: break-word; }  @media , (-ms-high-contrast:none) {     /*target ie10*/     .nowrap {         white-space: pre;     }     /*target ie11*/     *::-ms-backdrop, .nowrap {         white-space: pre;     } } 

working jsfiddle - can resize html input area see difference