How to fix word-wrap break-word does not work with CSS?

To fix word-wrap break-word does not work with CSS, we make our element an inline block element.

For instance, we write

div {
  display: inline-block;
  word-break: break-word;
}

to make the div an inline block element and apply the break-word style with word-break: break-word;.