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

Question

I have a small css script that force <a> tag word-wrap in a div. It worked fine on FF, Chrome but didn't work on IE9. How can I fix it?

.tab_title a{     word-wrap: break-word; }  

Answer 1

For a similar issue, I used display: inline-block on the <a> tag, which seems to help. And word-break: break-all as I was concerned with long URLs not wrapping.

So, this in your case essentially...

.tab_title a {     display: inline-block;     word-break: break-all; }  

Answer 2

For me it worked in both Chrome and IE with:

.word-hyphen-break {   word-break: break-word;   word-wrap: break-word;   width: 100%; } 

like this no need to configure specific width.