How to mimic word-break: break-word; for IE9, IE11 and Firefox

Question

How to mimic word-break: break-word; for IE9, IE11 and Firefox?

It seems to work in Chrome. I have learnt and understood that it is a is non-standard, webki

Answer 1

Use display:table-caption to achieve what you are looking for.

LIVE DEMO

The HTML:

     Product Support

The CSS:

#theSpan{
  display:table-caption;
}

Hope this helps.