CSS Word-Wrap: Break-Word Don't Work on IE9

CSS word-wrap: break-word don't work on IE9

I remove the anchor tag after .tab_title class and it works

Word-wrap not working in Internet Explorer

you need to have

table {
    width:100%;
    table-layout:fixed;
}

and put word-wrap in table,td,th not into span

http://jsfiddle.net/d6VsD/7/

table-cell doesn't break word on IE9

Please try the following in your CSS:

#cntnr .section {
    display: table-cell;
    background: #fcc;
    text-align: center;
    max-width:100px;
    -ms-word-break: break-all;
    word-wrap:break-word;
}

Reference: http://msdn.microsoft.com/en-us/library/ie/ms531184%28v=vs.85%29.aspx\

Fiddle Update: http://jsfiddle.net/audetwebdesign/BwaMt/

word-wrap:break-word not working in IE8

If I recall correctly, word-wrap: break-word; is indeed supported in Internet Explorer 8, but the styled element must have layout.

Word Wrap not working properly

Add this style to your style sheet:

pre, code{ white-space: pre-wrap; }

CSS can't get text to break and start on the next line below with word-wrap

CSS cannot do this. Instead, you'll need to resort to changing the HTML, replacing your <input type="text"> with a <textarea>:

#wordbox {  /*opacity: 0;*/  margin: 30px auto 0;  display: block;  width: 960px;  height: 200px;  font-size: 30px;  text-align: center;  word-wrap: break-word;  white-space: normal;  background: #fff;  border-radius: 6px;  color: #black;  transition: 1s linear;}

<body>  Type in your current worry below, click the "Reassure Me" button, and let our trusty reassurance generator give you an answer to put you at ease so that you can get on with your day*.  <FORM NAME="WordForm">    <TEXTAREA NAME="WordBox" id="wordbox"></TEXTAREA>    <INPUT TYPE="BUTTON" VALUE="Reassure Me!" onClick="PickRandomWord(document.WordForm);" id="button" />  </FORM></body>

Button text won't line break IE11 (Chrome, IE9 fine)

Try this:

<button type="button">TestTestTest/
FooFooFooFoo</button>

CSS Word-Wrap: Break-Word Don't Work on IE9